diff --git a/404.html b/404.html
index 5cef3c9cc1..c0e7c4805d 100644
--- a/404.html
+++ b/404.html
@@ -19,21 +19,21 @@
     <meta property="og:site_name" content="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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="./css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="./css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1701783961" rel="stylesheet">
-    <link href="./css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="./css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="./css/variant.css?1701783961" rel="stylesheet">
-    <link href="./css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1701783961" rel="stylesheet">
-    <script src="./js/url.js?1701783961"></script>
-    <script src="./js/variant.js?1701783961"></script>
+    <link href="./css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="./css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="./css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1701789219" rel="stylesheet">
+    <link href="./css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="./css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="./css/variant.css?1701789219" rel="stylesheet">
+    <link href="./css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1701789219" rel="stylesheet">
+    <script src="./js/url.js?1701789219"></script>
+    <script src="./js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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/branding/index.html b/basics/branding/index.html
index 534d07fad9..4c072a99c3 100644
--- a/basics/branding/index.html
+++ b/basics/branding/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="art-pir">
     <link href="../../basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Branding :: Hugo Relearn Theme">
     <link href="../../basics/branding/index.print.html" rel="alternate" type="text/html" title="Branding :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -143,13 +143,13 @@
 <p>Set the <code>themeVariant</code> value to the name of your theme file. That&rsquo;s it! Your site will be displayed in this variant only.</p>
 
   
-<div class="tab-panel" data-tab-group="3b4bff77fabae5106117ea7965c9cd13">
+<div class="tab-panel" data-tab-group="0d3e41d75b6ed3f7108af0e2db8254fe">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('3b4bff77fabae5106117ea7965c9cd13','hugotoml')"
+      onclick="switchTab('0d3e41d75b6ed3f7108af0e2db8254fe','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -177,13 +177,13 @@
 <p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="9389c8cd31e57b0f4ddb6f0e62277b49">
+<div class="tab-panel" data-tab-group="7cec1f99f3084d37370ff9b7181e741d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('9389c8cd31e57b0f4ddb6f0e62277b49','hugotoml')"
+      onclick="switchTab('7cec1f99f3084d37370ff9b7181e741d','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -212,13 +212,13 @@
 <p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option&rsquo;s array, but usually it makes sense to set it in the first position and make it the default.</p>
 
   
-<div class="tab-panel" data-tab-group="dbe32acaa7b1d2a6ea08cc5608720bdc">
+<div class="tab-panel" data-tab-group="05429f3eb739cf6a844c449d5c57e917">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('dbe32acaa7b1d2a6ea08cc5608720bdc','hugotoml')"
+      onclick="switchTab('05429f3eb739cf6a844c449d5c57e917','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -238,13 +238,13 @@
 <p>If you don&rsquo;t like that behavior, you can explicitly set <code>themeVariantAuto</code>. The first entry in the array is the color variant for light mode, the second for dark mode.</p>
 
   
-<div class="tab-panel" data-tab-group="091271e4b57845f017a648efeb670210">
+<div class="tab-panel" data-tab-group="f646ce9a8920d7880e2bfe8eb022cdd7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('091271e4b57845f017a648efeb670210','hugotoml')"
+      onclick="switchTab('f646ce9a8920d7880e2bfe8eb022cdd7','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -266,13 +266,13 @@
 <p>If you need to change this default behavior, create a new file <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p>
 
   
-<div class="tab-panel" data-tab-group="5ff37129a8476ed3b631d4b41f1a98b9">
+<div class="tab-panel" data-tab-group="138ebd6de848eaf3e9fa74b10ad321de">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="layoutspartialsfaviconhtml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('5ff37129a8476ed3b631d4b41f1a98b9','layoutspartialsfaviconhtml')"
+      onclick="switchTab('138ebd6de848eaf3e9fa74b10ad321de','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -306,13 +306,13 @@
 <p>Again, in this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="ccb3ec97d384f05d4f2118e566589016">
+<div class="tab-panel" data-tab-group="3bd70807ab8ff08cbc087eb4079220a6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('ccb3ec97d384f05d4f2118e566589016','hugotoml')"
+      onclick="switchTab('3bd70807ab8ff08cbc087eb4079220a6','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -330,13 +330,13 @@
 </div><p>you now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="e19658f461dd464ec75c03a75c611451">
+<div class="tab-panel" data-tab-group="7b38876fac091e09bdf65cdba4169c5a">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('e19658f461dd464ec75c03a75c611451','hugotoml')"
+      onclick="switchTab('7b38876fac091e09bdf65cdba4169c5a','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -385,13 +385,13 @@
 <h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
 
   
-<div class="tab-panel" data-tab-group="51f5fbd27cf6a7b79aadab40e4776a0a">
+<div class="tab-panel" data-tab-group="1661c01e8047b7a04b6c71173cb016ea">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('51f5fbd27cf6a7b79aadab40e4776a0a','hugotoml')"
+      onclick="switchTab('1661c01e8047b7a04b6c71173cb016ea','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -436,13 +436,13 @@
 <p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlightning schema to the one used in the <code>neon</code> variant. For that, create a new <code>static/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
 
   
-<div class="tab-panel" data-tab-group="1e93237d17fe099b72267641e6d0c9d3">
+<div class="tab-panel" data-tab-group="5fd27e7671ca4bd159113d127b794d03">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="staticcsstheme-my-brandingcss"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('1e93237d17fe099b72267641e6d0c9d3','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('5fd27e7671ca4bd159113d127b794d03','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-branding.css</span>
     </button>
@@ -465,13 +465,13 @@
 </div><p>Afterwards put this in your <code>hugo.toml</code> to use your new variant:</p>
 
   
-<div class="tab-panel" data-tab-group="dc89f63bf3a6033caa7019a9cf8048e1">
+<div class="tab-panel" data-tab-group="0631464202ae5a92cdca1d6f0f2f79a8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('dc89f63bf3a6033caa7019a9cf8048e1','hugotoml')"
+      onclick="switchTab('0631464202ae5a92cdca1d6f0f2f79a8','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -585,12 +585,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -753,13 +753,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/branding/index.print.html b/basics/branding/index.print.html
index 8d378ef73b..813b5968bf 100644
--- a/basics/branding/index.print.html
+++ b/basics/branding/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="art-pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html" rel="canonical" type="text/html" title="Branding :: Hugo Relearn Theme">
     <link href="../../basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Branding :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -101,13 +101,13 @@
 <p>Set the <code>themeVariant</code> value to the name of your theme file. That&rsquo;s it! Your site will be displayed in this variant only.</p>
 
   
-<div class="tab-panel" data-tab-group="3b4bff77fabae5106117ea7965c9cd13">
+<div class="tab-panel" data-tab-group="0d3e41d75b6ed3f7108af0e2db8254fe">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('3b4bff77fabae5106117ea7965c9cd13','hugotoml')"
+      onclick="switchTab('0d3e41d75b6ed3f7108af0e2db8254fe','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -135,13 +135,13 @@
 <p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="9389c8cd31e57b0f4ddb6f0e62277b49">
+<div class="tab-panel" data-tab-group="7cec1f99f3084d37370ff9b7181e741d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('9389c8cd31e57b0f4ddb6f0e62277b49','hugotoml')"
+      onclick="switchTab('7cec1f99f3084d37370ff9b7181e741d','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -170,13 +170,13 @@
 <p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option&rsquo;s array, but usually it makes sense to set it in the first position and make it the default.</p>
 
   
-<div class="tab-panel" data-tab-group="dbe32acaa7b1d2a6ea08cc5608720bdc">
+<div class="tab-panel" data-tab-group="05429f3eb739cf6a844c449d5c57e917">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('dbe32acaa7b1d2a6ea08cc5608720bdc','hugotoml')"
+      onclick="switchTab('05429f3eb739cf6a844c449d5c57e917','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -196,13 +196,13 @@
 <p>If you don&rsquo;t like that behavior, you can explicitly set <code>themeVariantAuto</code>. The first entry in the array is the color variant for light mode, the second for dark mode.</p>
 
   
-<div class="tab-panel" data-tab-group="091271e4b57845f017a648efeb670210">
+<div class="tab-panel" data-tab-group="f646ce9a8920d7880e2bfe8eb022cdd7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('091271e4b57845f017a648efeb670210','hugotoml')"
+      onclick="switchTab('f646ce9a8920d7880e2bfe8eb022cdd7','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -224,13 +224,13 @@
 <p>If you need to change this default behavior, create a new file <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p>
 
   
-<div class="tab-panel" data-tab-group="5ff37129a8476ed3b631d4b41f1a98b9">
+<div class="tab-panel" data-tab-group="138ebd6de848eaf3e9fa74b10ad321de">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="layoutspartialsfaviconhtml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('5ff37129a8476ed3b631d4b41f1a98b9','layoutspartialsfaviconhtml')"
+      onclick="switchTab('138ebd6de848eaf3e9fa74b10ad321de','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -264,13 +264,13 @@
 <p>Again, in this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="ccb3ec97d384f05d4f2118e566589016">
+<div class="tab-panel" data-tab-group="3bd70807ab8ff08cbc087eb4079220a6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('ccb3ec97d384f05d4f2118e566589016','hugotoml')"
+      onclick="switchTab('3bd70807ab8ff08cbc087eb4079220a6','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -288,13 +288,13 @@
 </div><p>you now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="e19658f461dd464ec75c03a75c611451">
+<div class="tab-panel" data-tab-group="7b38876fac091e09bdf65cdba4169c5a">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('e19658f461dd464ec75c03a75c611451','hugotoml')"
+      onclick="switchTab('7b38876fac091e09bdf65cdba4169c5a','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -343,13 +343,13 @@
 <h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
 
   
-<div class="tab-panel" data-tab-group="51f5fbd27cf6a7b79aadab40e4776a0a">
+<div class="tab-panel" data-tab-group="1661c01e8047b7a04b6c71173cb016ea">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('51f5fbd27cf6a7b79aadab40e4776a0a','hugotoml')"
+      onclick="switchTab('1661c01e8047b7a04b6c71173cb016ea','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -394,13 +394,13 @@
 <p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlightning schema to the one used in the <code>neon</code> variant. For that, create a new <code>static/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
 
   
-<div class="tab-panel" data-tab-group="1e93237d17fe099b72267641e6d0c9d3">
+<div class="tab-panel" data-tab-group="5fd27e7671ca4bd159113d127b794d03">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="staticcsstheme-my-brandingcss"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('1e93237d17fe099b72267641e6d0c9d3','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('5fd27e7671ca4bd159113d127b794d03','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-branding.css</span>
     </button>
@@ -423,13 +423,13 @@
 </div><p>Afterwards put this in your <code>hugo.toml</code> to use your new variant:</p>
 
   
-<div class="tab-panel" data-tab-group="dc89f63bf3a6033caa7019a9cf8048e1">
+<div class="tab-panel" data-tab-group="0631464202ae5a92cdca1d6f0f2f79a8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('dc89f63bf3a6033caa7019a9cf8048e1','hugotoml')"
+      onclick="switchTab('0631464202ae5a92cdca1d6f0f2f79a8','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -462,8 +462,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index 3887ff8e5e..c814d8e8ed 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.html
@@ -20,21 +20,21 @@
     <meta property="article:section" content="Basics :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
     <title></title>
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2230,12 +2230,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2398,13 +2398,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index 810475e2c2..3dddd38168 100644
--- a/basics/changelog/index.print.html
+++ b/basics/changelog/index.print.html
@@ -20,22 +20,22 @@
     <meta property="article:section" content="Basics :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
     <title></title>
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index 06b5270013..7dd3f212cf 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -122,13 +122,13 @@
 <p>Note that some of these options are explained in detail in other sections of this documentation.</p>
 
   
-<div class="tab-panel" data-tab-group="b3ec42d20705d6f305c430eb99bfc5d0">
+<div class="tab-panel" data-tab-group="a1e3da325e562bf058a8da91397fdefd">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('b3ec42d20705d6f305c430eb99bfc5d0','hugotoml')"
+      onclick="switchTab('a1e3da325e562bf058a8da91397fdefd','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -660,12 +660,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -828,13 +828,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index f68fa5e6a7..6474420128 100644
--- a/basics/configuration/index.print.html
+++ b/basics/configuration/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -101,13 +101,13 @@
 <p>Note that some of these options are explained in detail in other sections of this documentation.</p>
 
   
-<div class="tab-panel" data-tab-group="b3ec42d20705d6f305c430eb99bfc5d0">
+<div class="tab-panel" data-tab-group="a1e3da325e562bf058a8da91397fdefd">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('b3ec42d20705d6f305c430eb99bfc5d0','hugotoml')"
+      onclick="switchTab('a1e3da325e562bf058a8da91397fdefd','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -558,8 +558,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index 42fd0caa28..11ba845d21 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -157,8 +157,8 @@
 <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>hugo.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-b3cbdffe924df2c46934a08293a2cb2d" class="lightbox-link"><img src="../../basics/customization/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-b3cbdffe924df2c46934a08293a2cb2d"><img src="../../basics/customization/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-592d710dbe357d4bf520f163b0ed4a31" class="lightbox-link"><img src="../../basics/customization/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-592d710dbe357d4bf520f163b0ed4a31"><img src="../../basics/customization/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>
@@ -199,8 +199,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
 </span></span><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; Arrr! Homme&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is 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-79bf585da78c26140747ead596f6ba4f" class="lightbox-link"><img src="../../basics/customization/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-79bf585da78c26140747ead596f6ba4f"><img src="../../basics/customization/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-11db60afef5f846dd1849b945f6fb9fa" class="lightbox-link"><img src="../../basics/customization/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-11db60afef5f846dd1849b945f6fb9fa"><img src="../../basics/customization/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> protocol 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>
 <h2 id="change-the-menu-width">Change the Menu Width</h2>
@@ -381,12 +381,12 @@ appearance, you will have to configure the <code>landingPageName</code> for the
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -549,13 +549,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index e18ee67de8..1bb8ed2cc0 100644
--- a/basics/customization/index.print.html
+++ b/basics/customization/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -117,8 +117,8 @@
 <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>hugo.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-b3cbdffe924df2c46934a08293a2cb2d" class="lightbox-link"><img src="../../basics/customization/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-b3cbdffe924df2c46934a08293a2cb2d"><img src="../../basics/customization/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-592d710dbe357d4bf520f163b0ed4a31" class="lightbox-link"><img src="../../basics/customization/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-592d710dbe357d4bf520f163b0ed4a31"><img src="../../basics/customization/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>
@@ -159,8 +159,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
 </span></span><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; Arrr! Homme&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is 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-79bf585da78c26140747ead596f6ba4f" class="lightbox-link"><img src="../../basics/customization/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-79bf585da78c26140747ead596f6ba4f"><img src="../../basics/customization/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-11db60afef5f846dd1849b945f6fb9fa" class="lightbox-link"><img src="../../basics/customization/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-11db60afef5f846dd1849b945f6fb9fa"><img src="../../basics/customization/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> protocol 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>
 <h2 id="change-the-menu-width">Change the Menu Width</h2>
@@ -260,8 +260,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index a4130259c4..7d7b7a04a9 100644
--- a/basics/generator/index.html
+++ b/basics/generator/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -116,13 +116,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-ff41931e949f550486e58c991d0fec93" aria-controls="R-expandcontent-ff41931e949f550486e58c991d0fec93" >
-    <label class="expand-label" for="R-expand-ff41931e949f550486e58c991d0fec93" >
+    <input type="checkbox" id="R-expand-79e764afc3fc8d80aeb2d1de581be0fd" aria-controls="R-expandcontent-79e764afc3fc8d80aeb2d1de581be0fd" >
+    <label class="expand-label" for="R-expand-79e764afc3fc8d80aeb2d1de581be0fd" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-ff41931e949f550486e58c991d0fec93" class="expand-content">
+    <div id="R-expandcontent-79e764afc3fc8d80aeb2d1de581be0fd" class="expand-content">
 
 <p>To get started, first select a color variant from the variant selector 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>
@@ -133,11 +133,11 @@
 <p>Eg. if your new variants file is named <code>theme-my-custom-variant.css</code>, you have to set <code>themeVariant='my-custom-variant'</code> to use it.</p>
 </div>
 </div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <div id="R-vargenerator" class="mermaid zoomable" style="background-color: var(--INTERNAL-MAIN-TEXT-color);">Graph</div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <script>
 window.variants && variants.generator( '#R-vargenerator' );
 </script>
@@ -236,12 +236,12 @@ window.variants && variants.generator( '#R-vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -404,27 +404,27 @@ window.variants && variants.generator( '#R-vargenerator' );
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1701783961" defer></script>
-    <script src="../../js/js-yaml.min.js?1701783961" defer></script>
-    <script src="../../js/mermaid.min.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1701789220" defer></script>
+    <script src="../../js/js-yaml.min.js?1701789220" defer></script>
+    <script src="../../js/mermaid.min.js?1701789220" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index 983a14a8d6..681764fb54 100644
--- a/basics/generator/index.print.html
+++ b/basics/generator/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-ff41931e949f550486e58c991d0fec93" aria-controls="R-expandcontent-ff41931e949f550486e58c991d0fec93" >
-    <label class="expand-label" for="R-expand-ff41931e949f550486e58c991d0fec93" >
+    <input type="checkbox" id="R-expand-79e764afc3fc8d80aeb2d1de581be0fd" aria-controls="R-expandcontent-79e764afc3fc8d80aeb2d1de581be0fd" >
+    <label class="expand-label" for="R-expand-79e764afc3fc8d80aeb2d1de581be0fd" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-ff41931e949f550486e58c991d0fec93" class="expand-content">
+    <div id="R-expandcontent-79e764afc3fc8d80aeb2d1de581be0fd" class="expand-content">
 
 <p>To get started, first select a color variant from the variant selector 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>
@@ -112,11 +112,11 @@
 <p>Eg. if your new variants file is named <code>theme-my-custom-variant.css</code>, you have to set <code>themeVariant='my-custom-variant'</code> to use it.</p>
 </div>
 </div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <div id="R-vargenerator" class="mermaid zoomable" style="background-color: var(--INTERNAL-MAIN-TEXT-color);">Graph</div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <script>
 window.variants && variants.generator( '#R-vargenerator' );
 </script>
@@ -134,22 +134,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1701783962" defer></script>
-    <script src="../../js/js-yaml.min.js?1701783962" defer></script>
-    <script src="../../js/mermaid.min.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1701789220" defer></script>
+    <script src="../../js/js-yaml.min.js?1701789220" defer></script>
+    <script src="../../js/mermaid.min.js?1701789220" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 5c5a3664e1..9de56b7b96 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2236,12 +2236,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2404,13 +2404,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index 20c79e033c..8c97ffb14f 100644
--- a/basics/history/index.print.html
+++ b/basics/history/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1425,8 +1425,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index 9d59444eba..0a083565ec 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../js/url.js?1701783961"></script>
-    <script src="../js/variant.js?1701783961"></script>
+    <link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../js/url.js?1701789219"></script>
+    <script src="../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -203,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701783961" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../js/search.js?1701783961" defer></script>
+        <script src="../js/auto-complete.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../js/search.js?1701789220" 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?1701783961"></script>
+          <script async src="../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../js/theme.js?1701783961" defer></script>
+    <script src="../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index 90fa4697cc..2b8d6820fa 100644
--- a/basics/index.print.html
+++ b/basics/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../js/url.js?1701783962"></script>
-    <script src="../js/variant.js?1701783962"></script>
+    <link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../js/url.js?1701789220"></script>
+    <script src="../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +1056,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-a1475a4a4bd24cab75aa359c4e999713" 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-a1475a4a4bd24cab75aa359c4e999713"><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-456d704966d9e5c3de376603666a39f5" 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-456d704966d9e5c3de376603666a39f5"><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>
@@ -1104,13 +1104,13 @@
 <p>Note that some of these options are explained in detail in other sections of this documentation.</p>
 
   
-<div class="tab-panel" data-tab-group="b3ec42d20705d6f305c430eb99bfc5d0">
+<div class="tab-panel" data-tab-group="a1e3da325e562bf058a8da91397fdefd">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('b3ec42d20705d6f305c430eb99bfc5d0','hugotoml')"
+      onclick="switchTab('a1e3da325e562bf058a8da91397fdefd','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1572,13 +1572,13 @@
 <p>Set the <code>themeVariant</code> value to the name of your theme file. That&rsquo;s it! Your site will be displayed in this variant only.</p>
 
   
-<div class="tab-panel" data-tab-group="3b4bff77fabae5106117ea7965c9cd13">
+<div class="tab-panel" data-tab-group="0d3e41d75b6ed3f7108af0e2db8254fe">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('3b4bff77fabae5106117ea7965c9cd13','hugotoml')"
+      onclick="switchTab('0d3e41d75b6ed3f7108af0e2db8254fe','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1606,13 +1606,13 @@
 <p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="9389c8cd31e57b0f4ddb6f0e62277b49">
+<div class="tab-panel" data-tab-group="7cec1f99f3084d37370ff9b7181e741d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('9389c8cd31e57b0f4ddb6f0e62277b49','hugotoml')"
+      onclick="switchTab('7cec1f99f3084d37370ff9b7181e741d','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1641,13 +1641,13 @@
 <p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option&rsquo;s array, but usually it makes sense to set it in the first position and make it the default.</p>
 
   
-<div class="tab-panel" data-tab-group="dbe32acaa7b1d2a6ea08cc5608720bdc">
+<div class="tab-panel" data-tab-group="05429f3eb739cf6a844c449d5c57e917">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('dbe32acaa7b1d2a6ea08cc5608720bdc','hugotoml')"
+      onclick="switchTab('05429f3eb739cf6a844c449d5c57e917','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1667,13 +1667,13 @@
 <p>If you don&rsquo;t like that behavior, you can explicitly set <code>themeVariantAuto</code>. The first entry in the array is the color variant for light mode, the second for dark mode.</p>
 
   
-<div class="tab-panel" data-tab-group="091271e4b57845f017a648efeb670210">
+<div class="tab-panel" data-tab-group="f646ce9a8920d7880e2bfe8eb022cdd7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('091271e4b57845f017a648efeb670210','hugotoml')"
+      onclick="switchTab('f646ce9a8920d7880e2bfe8eb022cdd7','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1695,13 +1695,13 @@
 <p>If you need to change this default behavior, create a new file <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p>
 
   
-<div class="tab-panel" data-tab-group="5ff37129a8476ed3b631d4b41f1a98b9">
+<div class="tab-panel" data-tab-group="138ebd6de848eaf3e9fa74b10ad321de">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="layoutspartialsfaviconhtml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('5ff37129a8476ed3b631d4b41f1a98b9','layoutspartialsfaviconhtml')"
+      onclick="switchTab('138ebd6de848eaf3e9fa74b10ad321de','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -1735,13 +1735,13 @@
 <p>Again, in this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="ccb3ec97d384f05d4f2118e566589016">
+<div class="tab-panel" data-tab-group="3bd70807ab8ff08cbc087eb4079220a6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('ccb3ec97d384f05d4f2118e566589016','hugotoml')"
+      onclick="switchTab('3bd70807ab8ff08cbc087eb4079220a6','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1759,13 +1759,13 @@
 </div><p>you now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="e19658f461dd464ec75c03a75c611451">
+<div class="tab-panel" data-tab-group="7b38876fac091e09bdf65cdba4169c5a">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('e19658f461dd464ec75c03a75c611451','hugotoml')"
+      onclick="switchTab('7b38876fac091e09bdf65cdba4169c5a','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1814,13 +1814,13 @@
 <h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
 
   
-<div class="tab-panel" data-tab-group="51f5fbd27cf6a7b79aadab40e4776a0a">
+<div class="tab-panel" data-tab-group="1661c01e8047b7a04b6c71173cb016ea">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('51f5fbd27cf6a7b79aadab40e4776a0a','hugotoml')"
+      onclick="switchTab('1661c01e8047b7a04b6c71173cb016ea','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1865,13 +1865,13 @@
 <p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlightning schema to the one used in the <code>neon</code> variant. For that, create a new <code>static/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
 
   
-<div class="tab-panel" data-tab-group="1e93237d17fe099b72267641e6d0c9d3">
+<div class="tab-panel" data-tab-group="5fd27e7671ca4bd159113d127b794d03">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="staticcsstheme-my-brandingcss"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('1e93237d17fe099b72267641e6d0c9d3','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('5fd27e7671ca4bd159113d127b794d03','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-branding.css</span>
     </button>
@@ -1894,13 +1894,13 @@
 </div><p>Afterwards put this in your <code>hugo.toml</code> to use your new variant:</p>
 
   
-<div class="tab-panel" data-tab-group="dc89f63bf3a6033caa7019a9cf8048e1">
+<div class="tab-panel" data-tab-group="0631464202ae5a92cdca1d6f0f2f79a8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('dc89f63bf3a6033caa7019a9cf8048e1','hugotoml')"
+      onclick="switchTab('0631464202ae5a92cdca1d6f0f2f79a8','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1960,8 +1960,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>hugo.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-b3cbdffe924df2c46934a08293a2cb2d" class="lightbox-link"><img src="../basics/customization/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-b3cbdffe924df2c46934a08293a2cb2d"><img src="../basics/customization/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-592d710dbe357d4bf520f163b0ed4a31" class="lightbox-link"><img src="../basics/customization/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-592d710dbe357d4bf520f163b0ed4a31"><img src="../basics/customization/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>
@@ -2002,8 +2002,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
 </span></span><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; Arrr! Homme&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is 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-79bf585da78c26140747ead596f6ba4f" class="lightbox-link"><img src="../basics/customization/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-79bf585da78c26140747ead596f6ba4f"><img src="../basics/customization/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-11db60afef5f846dd1849b945f6fb9fa" class="lightbox-link"><img src="../basics/customization/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-11db60afef5f846dd1849b945f6fb9fa"><img src="../basics/customization/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> protocol 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>
 <h2 id="change-the-menu-width">Change the Menu Width</h2>
@@ -2108,13 +2108,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-ff41931e949f550486e58c991d0fec93" aria-controls="R-expandcontent-ff41931e949f550486e58c991d0fec93" >
-    <label class="expand-label" for="R-expand-ff41931e949f550486e58c991d0fec93" >
+    <input type="checkbox" id="R-expand-79e764afc3fc8d80aeb2d1de581be0fd" aria-controls="R-expandcontent-79e764afc3fc8d80aeb2d1de581be0fd" >
+    <label class="expand-label" for="R-expand-79e764afc3fc8d80aeb2d1de581be0fd" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-ff41931e949f550486e58c991d0fec93" class="expand-content">
+    <div id="R-expandcontent-79e764afc3fc8d80aeb2d1de581be0fd" class="expand-content">
 
 <p>To get started, first select a color variant from the variant selector 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>
@@ -2125,11 +2125,11 @@ appearance, you will have to configure the <code>landingPageName</code> for the
 <p>Eg. if your new variants file is named <code>theme-my-custom-variant.css</code>, you have to set <code>themeVariant='my-custom-variant'</code> to use it.</p>
 </div>
 </div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <div id="R-vargenerator" class="mermaid zoomable" style="background-color: var(--INTERNAL-MAIN-TEXT-color);">Graph</div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <script>
 window.variants && variants.generator( '#R-vargenerator' );
 </script>
@@ -2150,8 +2150,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-e80431f633acee9f98286137f0f2eaab" 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-e80431f633acee9f98286137f0f2eaab"><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-13dc05c02207cdb60c80cfa49f4d525a" 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-13dc05c02207cdb60c80cfa49f4d525a"><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">
@@ -2163,8 +2163,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-1f8264540ef08258f47de0f22d9301ee" 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-1f8264540ef08258f47de0f22d9301ee"><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-82abb07abca312ac3f6e76db6b4fbe2d" 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-82abb07abca312ac3f6e76db6b4fbe2d"><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>
@@ -3774,22 +3774,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-color.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1701783962" defer></script>
-    <script src="../js/js-yaml.min.js?1701783962" defer></script>
-    <script src="../js/mermaid.min.js?1701783962" defer></script>
+    <script src="../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-color.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1701789220" defer></script>
+    <script src="../js/js-yaml.min.js?1701789220" defer></script>
+    <script src="../js/mermaid.min.js?1701789220" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1701783962" defer></script>
+    <script src="../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index 1521715fb3..5ce088c80b 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -159,8 +159,8 @@
 </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-a1475a4a4bd24cab75aa359c4e999713" 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-a1475a4a4bd24cab75aa359c4e999713"><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-456d704966d9e5c3de376603666a39f5" 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-456d704966d9e5c3de376603666a39f5"><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>
@@ -277,12 +277,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -445,13 +445,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index 72b0a3213e..670b92a522 100644
--- a/basics/installation/index.print.html
+++ b/basics/installation/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-a1475a4a4bd24cab75aa359c4e999713" 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-a1475a4a4bd24cab75aa359c4e999713"><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-456d704966d9e5c3de376603666a39f5" 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-456d704966d9e5c3de376603666a39f5"><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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index abd5aa3c93..10c1a60435 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1139,12 +1139,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1307,13 +1307,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index 56ce53b7dd..98da12bb6d 100644
--- a/basics/migration/index.print.html
+++ b/basics/migration/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -987,8 +987,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index 13bfda7f93..5101b05b3f 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -377,13 +377,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index 7993ad9e23..d1839779ff 100644
--- a/basics/requirements/index.print.html
+++ b/basics/requirements/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/topbar/index.html b/basics/topbar/index.html
index 8c931d225f..b30806fb95 100644
--- a/basics/topbar/index.html
+++ b/basics/topbar/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -135,8 +135,8 @@
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-e80431f633acee9f98286137f0f2eaab" 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-e80431f633acee9f98286137f0f2eaab"><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-13dc05c02207cdb60c80cfa49f4d525a" 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-13dc05c02207cdb60c80cfa49f4d525a"><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">
@@ -148,8 +148,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-1f8264540ef08258f47de0f22d9301ee" 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-1f8264540ef08258f47de0f22d9301ee"><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-82abb07abca312ac3f6e76db6b4fbe2d" 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-82abb07abca312ac3f6e76db6b4fbe2d"><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>
@@ -504,12 +504,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -672,13 +672,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/basics/topbar/index.print.html b/basics/topbar/index.print.html
index 646e1bcd47..76d2840ea8 100644
--- a/basics/topbar/index.print.html
+++ b/basics/topbar/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-e80431f633acee9f98286137f0f2eaab" 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-e80431f633acee9f98286137f0f2eaab"><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-13dc05c02207cdb60c80cfa49f4d525a" 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-13dc05c02207cdb60c80cfa49f4d525a"><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-1f8264540ef08258f47de0f22d9301ee" 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-1f8264540ef08258f47de0f22d9301ee"><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-82abb07abca312ac3f6e76db6b4fbe2d" 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-82abb07abca312ac3f6e76db6b4fbe2d"><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>
@@ -381,8 +381,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/categories/basic/index.html b/categories/basic/index.html
index 7b81a5e0e7..f1840907a5 100644
--- a/categories/basic/index.html
+++ b/categories/basic/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/categories/content/index.html b/categories/content/index.html
index 0010f72936..79eed24629 100644
--- a/categories/content/index.html
+++ b/categories/content/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/categories/custom/index.html b/categories/custom/index.html
index 30d9910a4e..6dfc7ea0ae 100644
--- a/categories/custom/index.html
+++ b/categories/custom/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index 60869dd235..d136a905ff 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../categories/index.xml" rel="alternate" type="application/rss+xml" title="Categories :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../js/url.js?1701783961"></script>
-    <script src="../js/variant.js?1701783961"></script>
+    <link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../js/url.js?1701789219"></script>
+    <script src="../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -215,12 +215,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../js/search.js?1701783962" defer></script>
+        <script src="../js/auto-complete.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../js/theme.js?1701783962" defer></script>
+    <script src="../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/categories/taxonomy/index.html b/categories/taxonomy/index.html
index 5939db769d..64a604858e 100644
--- a/categories/taxonomy/index.html
+++ b/categories/taxonomy/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/categories/theming/index.html b/categories/theming/index.html
index a4e2508ae2..5b90500319 100644
--- a/categories/theming/index.html
+++ b/categories/theming/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -377,13 +377,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index 152430407b..cab9183969 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -135,8 +135,8 @@
 <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-a087ecaa538da996835a4ad35a46367d" 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-a087ecaa538da996835a4ad35a46367d"><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-14a692c74777ca2912b0ffb255816fbc" 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-14a692c74777ca2912b0ffb255816fbc"><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">+++
@@ -146,8 +146,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-e1ec5cfb93e3ce1749f74dc1bc87a8d5" 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-e1ec5cfb93e3ce1749f74dc1bc87a8d5"><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-125b285045f7fecc682a72c6c1a09903" 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-125b285045f7fecc682a72c6c1a09903"><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">+++
@@ -159,8 +159,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-273d4b9913f492c005fb77d08c8f34b6" 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-273d4b9913f492c005fb77d08c8f34b6"><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-41b2ec018b642e6fa084be0a729837dc" 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-41b2ec018b642e6fa084be0a729837dc"><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>
@@ -292,12 +292,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index 104e85f4fa..c764c7fc19 100644
--- a/cont/archetypes/index.print.html
+++ b/cont/archetypes/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-a087ecaa538da996835a4ad35a46367d" 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-a087ecaa538da996835a4ad35a46367d"><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-14a692c74777ca2912b0ffb255816fbc" 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-14a692c74777ca2912b0ffb255816fbc"><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-e1ec5cfb93e3ce1749f74dc1bc87a8d5" 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-e1ec5cfb93e3ce1749f74dc1bc87a8d5"><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-125b285045f7fecc682a72c6c1a09903" 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-125b285045f7fecc682a72c6c1a09903"><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-273d4b9913f492c005fb77d08c8f34b6" 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-273d4b9913f492c005fb77d08c8f34b6"><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-41b2ec018b642e6fa084be0a729837dc" 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-41b2ec018b642e6fa084be0a729837dc"><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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/frontmatter/index.html b/cont/frontmatter/index.html
index 9690d5b5c4..5c008d4dd6 100644
--- a/cont/frontmatter/index.html
+++ b/cont/frontmatter/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/frontmatter/index.html" rel="alternate" hreflang="art-pir">
     <link href="../../cont/frontmatter/index.xml" rel="alternate" type="application/rss+xml" title="Frontmatter :: Hugo Relearn Theme">
     <link href="../../cont/frontmatter/index.print.html" rel="alternate" type="text/html" title="Frontmatter :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -387,8 +387,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-14db0bf2e7665e02872774bac0e6f557" class="lightbox-link"><img src="../../cont/frontmatter/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-14db0bf2e7665e02872774bac0e6f557"><img src="../../cont/frontmatter/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-3ad168ff3e04db2938e7d6b7f4228e2f" class="lightbox-link"><img src="../../cont/frontmatter/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-3ad168ff3e04db2938e7d6b7f4228e2f"><img src="../../cont/frontmatter/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>
@@ -512,12 +512,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?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -680,13 +680,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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/frontmatter/index.print.html b/cont/frontmatter/index.print.html
index d31bf4021f..0f63c5af92 100644
--- a/cont/frontmatter/index.print.html
+++ b/cont/frontmatter/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/frontmatter/index.html" rel="alternate" hreflang="art-pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/frontmatter/index.html" rel="canonical" type="text/html" title="Frontmatter :: Hugo Relearn Theme">
     <link href="../../cont/frontmatter/index.xml" rel="alternate" type="application/rss+xml" title="Frontmatter :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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-14db0bf2e7665e02872774bac0e6f557" class="lightbox-link"><img src="../../cont/frontmatter/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-14db0bf2e7665e02872774bac0e6f557"><img src="../../cont/frontmatter/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-3ad168ff3e04db2938e7d6b7f4228e2f" class="lightbox-link"><img src="../../cont/frontmatter/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-3ad168ff3e04db2938e7d6b7f4228e2f"><img src="../../cont/frontmatter/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>
@@ -397,8 +397,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index ea6ac82aa4..46e166006a 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -132,8 +132,8 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-4691280a5c35d44b9fed79f6a5e9c009" 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-4691280a5c35d44b9fed79f6a5e9c009"><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-633f99ce11380285f8e80226aece223e" 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-633f99ce11380285f8e80226aece223e"><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>hugo.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -314,12 +314,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?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -482,13 +482,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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index 29b22a50bc..4239f7a3d6 100644
--- a/cont/i18n/index.print.html
+++ b/cont/i18n/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-4691280a5c35d44b9fed79f6a5e9c009" 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-4691280a5c35d44b9fed79f6a5e9c009"><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-633f99ce11380285f8e80226aece223e" 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-633f99ce11380285f8e80226aece223e"><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>hugo.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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.html b/cont/imageeffects/index.html
index 82d157ca47..8e4ac791be 100644
--- a/cont/imageeffects/index.html
+++ b/cont/imageeffects/index.html
@@ -32,21 +32,21 @@ Without any settings in your hugo.toml this defaults to">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@ Without any settings in your hugo.toml this defaults to">
 <p>Without any settings in your <code>hugo.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="7160d54791593d32f250250046f21da5">
+<div class="tab-panel" data-tab-group="b9db4649b651eaaba5408e89a69167d4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('7160d54791593d32f250250046f21da5','hugotoml')"
+      onclick="switchTab('b9db4649b651eaaba5408e89a69167d4','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -161,13 +161,13 @@ Without any settings in your hugo.toml this defaults to">
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="7af43d767c08f22489e6a911ffb8859b">
+<div class="tab-panel" data-tab-group="67d63764eda69cf14f924595d80c9226">
   <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" tabindex="-1"
-      onclick="switchTab('7af43d767c08f22489e6a911ffb8859b','frontmatter')"
+      onclick="switchTab('67d63764eda69cf14f924595d80c9226','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -187,13 +187,13 @@ Without any settings in your hugo.toml this defaults to">
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="a2933395d740de0dae7258aeb2bba69b">
+<div class="tab-panel" data-tab-group="0daadfadd0c976c228911d5d877325b6">
   <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" tabindex="-1"
-      onclick="switchTab('a2933395d740de0dae7258aeb2bba69b','url')"
+      onclick="switchTab('0daadfadd0c976c228911d5d877325b6','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -210,13 +210,13 @@ Without any settings in your hugo.toml this defaults to">
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="8d82dfa382bf1d0b6ab2cc6b1e2fd61e">
+<div class="tab-panel" data-tab-group="24223b88be279cfbd9efc7ba8f578c2c">
   <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" tabindex="-1"
-      onclick="switchTab('8d82dfa382bf1d0b6ab2cc6b1e2fd61e','result')"
+      onclick="switchTab('24223b88be279cfbd9efc7ba8f578c2c','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -236,13 +236,13 @@ Without any settings in your hugo.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="cbc04acce443d985dc28e82d36ed40b0">
+<div class="tab-panel" data-tab-group="52269ab9b004d60f3c95fdf61c8057cc">
   <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" tabindex="-1"
-      onclick="switchTab('cbc04acce443d985dc28e82d36ed40b0','html')"
+      onclick="switchTab('52269ab9b004d60f3c95fdf61c8057cc','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -355,12 +355,12 @@ Without any settings in your hugo.toml this defaults to">
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -523,13 +523,13 @@ Without any settings in your hugo.toml this defaults to">
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.print.html b/cont/imageeffects/index.print.html
index 4a8c6e6979..7a2993837c 100644
--- a/cont/imageeffects/index.print.html
+++ b/cont/imageeffects/index.print.html
@@ -32,22 +32,22 @@ Without any settings in your hugo.toml this defaults to">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 hugo.toml this defaults to">
 <p>Without any settings in your <code>hugo.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="7160d54791593d32f250250046f21da5">
+<div class="tab-panel" data-tab-group="b9db4649b651eaaba5408e89a69167d4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('7160d54791593d32f250250046f21da5','hugotoml')"
+      onclick="switchTab('b9db4649b651eaaba5408e89a69167d4','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -135,13 +135,13 @@ Without any settings in your hugo.toml this defaults to">
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="7af43d767c08f22489e6a911ffb8859b">
+<div class="tab-panel" data-tab-group="67d63764eda69cf14f924595d80c9226">
   <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" tabindex="-1"
-      onclick="switchTab('7af43d767c08f22489e6a911ffb8859b','frontmatter')"
+      onclick="switchTab('67d63764eda69cf14f924595d80c9226','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -161,13 +161,13 @@ Without any settings in your hugo.toml this defaults to">
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="a2933395d740de0dae7258aeb2bba69b">
+<div class="tab-panel" data-tab-group="0daadfadd0c976c228911d5d877325b6">
   <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" tabindex="-1"
-      onclick="switchTab('a2933395d740de0dae7258aeb2bba69b','url')"
+      onclick="switchTab('0daadfadd0c976c228911d5d877325b6','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -184,13 +184,13 @@ Without any settings in your hugo.toml this defaults to">
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="8d82dfa382bf1d0b6ab2cc6b1e2fd61e">
+<div class="tab-panel" data-tab-group="24223b88be279cfbd9efc7ba8f578c2c">
   <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" tabindex="-1"
-      onclick="switchTab('8d82dfa382bf1d0b6ab2cc6b1e2fd61e','result')"
+      onclick="switchTab('24223b88be279cfbd9efc7ba8f578c2c','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -210,13 +210,13 @@ Without any settings in your hugo.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="cbc04acce443d985dc28e82d36ed40b0">
+<div class="tab-panel" data-tab-group="52269ab9b004d60f3c95fdf61c8057cc">
   <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" tabindex="-1"
-      onclick="switchTab('cbc04acce443d985dc28e82d36ed40b0','html')"
+      onclick="switchTab('52269ab9b004d60f3c95fdf61c8057cc','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -248,8 +248,8 @@ Without any settings in your hugo.toml this defaults to">
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index fe511f88ed..f2d7c72e39 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../js/url.js?1701783961"></script>
-    <script src="../js/variant.js?1701783961"></script>
+    <link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../js/url.js?1701789219"></script>
+    <script src="../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -203,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../js/search.js?1701783962" defer></script>
+        <script src="../js/auto-complete.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../js/theme.js?1701783962" defer></script>
+    <script src="../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index 0614379ed1..c0fbf4cb32 100644
--- a/cont/index.print.html
+++ b/cont/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../js/url.js?1701783962"></script>
-    <script src="../js/variant.js?1701783962"></script>
+    <link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../js/url.js?1701789220"></script>
+    <script src="../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +413,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-14db0bf2e7665e02872774bac0e6f557" class="lightbox-link"><img src="../cont/frontmatter/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-14db0bf2e7665e02872774bac0e6f557"><img src="../cont/frontmatter/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-3ad168ff3e04db2938e7d6b7f4228e2f" class="lightbox-link"><img src="../cont/frontmatter/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-3ad168ff3e04db2938e7d6b7f4228e2f"><img src="../cont/frontmatter/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>
@@ -464,8 +464,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-a087ecaa538da996835a4ad35a46367d" 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-a087ecaa538da996835a4ad35a46367d"><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-14a692c74777ca2912b0ffb255816fbc" 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-14a692c74777ca2912b0ffb255816fbc"><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">+++
@@ -475,8 +475,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-e1ec5cfb93e3ce1749f74dc1bc87a8d5" 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-e1ec5cfb93e3ce1749f74dc1bc87a8d5"><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-125b285045f7fecc682a72c6c1a09903" 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-125b285045f7fecc682a72c6c1a09903"><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">+++
@@ -488,8 +488,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-273d4b9913f492c005fb77d08c8f34b6" 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-273d4b9913f492c005fb77d08c8f34b6"><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-41b2ec018b642e6fa084be0a729837dc" 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-41b2ec018b642e6fa084be0a729837dc"><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>
@@ -1061,8 +1061,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-eb3be65fde47d3dc00ff9cbb0c4345ec" 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-eb3be65fde47d3dc00ff9cbb0c4345ec"><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-358be406a59c99b48cc5d2f6df62acba" 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-358be406a59c99b48cc5d2f6df62acba"><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>
@@ -1072,8 +1072,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-8e83028df1ba5676fa67cd541be62e9e" 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-8e83028df1ba5676fa67cd541be62e9e"><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-6812159dc21616bf24f635e31866a1d5" 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-6812159dc21616bf24f635e31866a1d5"><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>
@@ -1085,8 +1085,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-e01f2704ed633c599ea00ebc5bba98d2" 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-e01f2704ed633c599ea00ebc5bba98d2"><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-1e4cdbde33e0b87a167989570f04e38e" 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-1e4cdbde33e0b87a167989570f04e38e"><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>
@@ -1098,8 +1098,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-2644a4f0d0b1a96c746dd730c6f5b838" 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-2644a4f0d0b1a96c746dd730c6f5b838"><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-45024d3a17d5fbf78d29bd9eb1f186b0" 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-45024d3a17d5fbf78d29bd9eb1f186b0"><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>
@@ -1107,8 +1107,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-dada7a4f407fffa7e13d69b47db072f2" 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-dada7a4f407fffa7e13d69b47db072f2"><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-a971617daf2d6f10da7f2eb53e714db5" 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-a971617daf2d6f10da7f2eb53e714db5"><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>
@@ -1116,8 +1116,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-7f278219615b481ac2daf837ed9d7e06" 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-7f278219615b481ac2daf837ed9d7e06"><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-ec8a0ed81a81cd044fa6001bed1a8f8d" 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-ec8a0ed81a81cd044fa6001bed1a8f8d"><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>
@@ -1128,8 +1128,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-3b87267bb162cddee2b24448cda61d91" 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-3b87267bb162cddee2b24448cda61d91"><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-f724adac635257f8a4603dbae21e269f" 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-f724adac635257f8a4603dbae21e269f"><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>
@@ -1138,8 +1138,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-282ef9f8e5735abf108e6125d68cd684" 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-282ef9f8e5735abf108e6125d68cd684"><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-35a24542490d9bb16c8a8b76e3509f33" 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-35a24542490d9bb16c8a8b76e3509f33"><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>
@@ -1148,8 +1148,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-6490c81bfcbb58975d8d7cc4bc606e2d" 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-6490c81bfcbb58975d8d7cc4bc606e2d"><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-d6defae408ab42e19d5048bf9abfeb9f" 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-d6defae408ab42e19d5048bf9abfeb9f"><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>
@@ -1158,8 +1158,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-b523f527de47fd4bce206c82a4b3bf42" 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-b523f527de47fd4bce206c82a4b3bf42"><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-71084e71cd831e469142096cb575d35e" 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-71084e71cd831e469142096cb575d35e"><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>
@@ -1171,14 +1171,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-69a85e145f883d2824faea9403ee2fe6" 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-69a85e145f883d2824faea9403ee2fe6"><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-680d119990759d86a83a97d19186d3fe" 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-680d119990759d86a83a97d19186d3fe"><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-fff0bcf33c56c11c3e1ef57f58c5b3f4" 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-fff0bcf33c56c11c3e1ef57f58c5b3f4"><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-d3a877ff3b5fa50ce5b27bdf5efd7d3d" 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-d3a877ff3b5fa50ce5b27bdf5efd7d3d"><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-ac7c1399302cf95f28acbe5337e76216" 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-ac7c1399302cf95f28acbe5337e76216"><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-2468760917c3f8bb87bc9c0d9270fad8" 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-2468760917c3f8bb87bc9c0d9270fad8"><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-5530b094bf0f55792f0b8c63915323f9" 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-5530b094bf0f55792f0b8c63915323f9"><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-5509516879f1119a394e156b9e90c23b" 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-5509516879f1119a394e156b9e90c23b"><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>
@@ -1187,8 +1187,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-18ffab59a81727e38b4f099c95b31d20" 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-18ffab59a81727e38b4f099c95b31d20"><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-bd36f45df1eaf9defba0eb760faf48c1" 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-bd36f45df1eaf9defba0eb760faf48c1"><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>
@@ -1227,13 +1227,13 @@ line 3 of code
 <p>Without any settings in your <code>hugo.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="7160d54791593d32f250250046f21da5">
+<div class="tab-panel" data-tab-group="b9db4649b651eaaba5408e89a69167d4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('7160d54791593d32f250250046f21da5','hugotoml')"
+      onclick="switchTab('b9db4649b651eaaba5408e89a69167d4','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1254,13 +1254,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="7af43d767c08f22489e6a911ffb8859b">
+<div class="tab-panel" data-tab-group="67d63764eda69cf14f924595d80c9226">
   <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" tabindex="-1"
-      onclick="switchTab('7af43d767c08f22489e6a911ffb8859b','frontmatter')"
+      onclick="switchTab('67d63764eda69cf14f924595d80c9226','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -1280,13 +1280,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="a2933395d740de0dae7258aeb2bba69b">
+<div class="tab-panel" data-tab-group="0daadfadd0c976c228911d5d877325b6">
   <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" tabindex="-1"
-      onclick="switchTab('a2933395d740de0dae7258aeb2bba69b','url')"
+      onclick="switchTab('0daadfadd0c976c228911d5d877325b6','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -1303,13 +1303,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="8d82dfa382bf1d0b6ab2cc6b1e2fd61e">
+<div class="tab-panel" data-tab-group="24223b88be279cfbd9efc7ba8f578c2c">
   <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" tabindex="-1"
-      onclick="switchTab('8d82dfa382bf1d0b6ab2cc6b1e2fd61e','result')"
+      onclick="switchTab('24223b88be279cfbd9efc7ba8f578c2c','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -1329,13 +1329,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="cbc04acce443d985dc28e82d36ed40b0">
+<div class="tab-panel" data-tab-group="52269ab9b004d60f3c95fdf61c8057cc">
   <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" tabindex="-1"
-      onclick="switchTab('cbc04acce443d985dc28e82d36ed40b0','html')"
+      onclick="switchTab('52269ab9b004d60f3c95fdf61c8057cc','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -1510,8 +1510,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-4691280a5c35d44b9fed79f6a5e9c009" 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-4691280a5c35d44b9fed79f6a5e9c009"><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-633f99ce11380285f8e80226aece223e" 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-633f99ce11380285f8e80226aece223e"><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>hugo.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -1701,8 +1701,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../js/theme.js?1701783962" defer></script>
+    <script src="../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index dadadfb81d..30f10b828b 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -30,21 +30,21 @@ Markdown is simple to learn, with minimal extra characters so it&rsquo;s also qu
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -692,8 +692,8 @@ line 3 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-eb3be65fde47d3dc00ff9cbb0c4345ec" 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-eb3be65fde47d3dc00ff9cbb0c4345ec"><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-358be406a59c99b48cc5d2f6df62acba" 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-358be406a59c99b48cc5d2f6df62acba"><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>
@@ -703,8 +703,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-8e83028df1ba5676fa67cd541be62e9e" 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-8e83028df1ba5676fa67cd541be62e9e"><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-6812159dc21616bf24f635e31866a1d5" 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-6812159dc21616bf24f635e31866a1d5"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -716,8 +716,8 @@ line 3 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-e01f2704ed633c599ea00ebc5bba98d2" 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-e01f2704ed633c599ea00ebc5bba98d2"><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-1e4cdbde33e0b87a167989570f04e38e" 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-1e4cdbde33e0b87a167989570f04e38e"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -729,8 +729,8 @@ line 3 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-2644a4f0d0b1a96c746dd730c6f5b838" 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-2644a4f0d0b1a96c746dd730c6f5b838"><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-45024d3a17d5fbf78d29bd9eb1f186b0" 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-45024d3a17d5fbf78d29bd9eb1f186b0"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -738,8 +738,8 @@ line 3 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-dada7a4f407fffa7e13d69b47db072f2" 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-dada7a4f407fffa7e13d69b47db072f2"><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-a971617daf2d6f10da7f2eb53e714db5" 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-a971617daf2d6f10da7f2eb53e714db5"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -747,8 +747,8 @@ line 3 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-7f278219615b481ac2daf837ed9d7e06" 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-7f278219615b481ac2daf837ed9d7e06"><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-ec8a0ed81a81cd044fa6001bed1a8f8d" 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-ec8a0ed81a81cd044fa6001bed1a8f8d"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -759,8 +759,8 @@ line 3 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-3b87267bb162cddee2b24448cda61d91" 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-3b87267bb162cddee2b24448cda61d91"><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-f724adac635257f8a4603dbae21e269f" 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-f724adac635257f8a4603dbae21e269f"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -769,8 +769,8 @@ line 3 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-282ef9f8e5735abf108e6125d68cd684" 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-282ef9f8e5735abf108e6125d68cd684"><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-35a24542490d9bb16c8a8b76e3509f33" 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-35a24542490d9bb16c8a8b76e3509f33"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -779,8 +779,8 @@ line 3 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-6490c81bfcbb58975d8d7cc4bc606e2d" 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-6490c81bfcbb58975d8d7cc4bc606e2d"><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-d6defae408ab42e19d5048bf9abfeb9f" 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-d6defae408ab42e19d5048bf9abfeb9f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -789,8 +789,8 @@ line 3 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-b523f527de47fd4bce206c82a4b3bf42" 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-b523f527de47fd4bce206c82a4b3bf42"><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-71084e71cd831e469142096cb575d35e" 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-71084e71cd831e469142096cb575d35e"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -802,14 +802,14 @@ line 3 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-69a85e145f883d2824faea9403ee2fe6" 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-69a85e145f883d2824faea9403ee2fe6"><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-680d119990759d86a83a97d19186d3fe" 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-680d119990759d86a83a97d19186d3fe"><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-fff0bcf33c56c11c3e1ef57f58c5b3f4" 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-fff0bcf33c56c11c3e1ef57f58c5b3f4"><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-d3a877ff3b5fa50ce5b27bdf5efd7d3d" 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-d3a877ff3b5fa50ce5b27bdf5efd7d3d"><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-ac7c1399302cf95f28acbe5337e76216" 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-ac7c1399302cf95f28acbe5337e76216"><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-2468760917c3f8bb87bc9c0d9270fad8" 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-2468760917c3f8bb87bc9c0d9270fad8"><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-5530b094bf0f55792f0b8c63915323f9" 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-5530b094bf0f55792f0b8c63915323f9"><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-5509516879f1119a394e156b9e90c23b" 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-5509516879f1119a394e156b9e90c23b"><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>
@@ -818,8 +818,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-18ffab59a81727e38b4f099c95b31d20" 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-18ffab59a81727e38b4f099c95b31d20"><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-bd36f45df1eaf9defba0eb760faf48c1" 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-bd36f45df1eaf9defba0eb760faf48c1"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -930,12 +930,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1098,13 +1098,13 @@ line 3 of code
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index 7d417c4344..26195bdeff 100644
--- a/cont/markdown/index.print.html
+++ b/cont/markdown/index.print.html
@@ -30,22 +30,22 @@ Markdown is simple to learn, with minimal extra characters so it&rsquo;s also qu
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-eb3be65fde47d3dc00ff9cbb0c4345ec" 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-eb3be65fde47d3dc00ff9cbb0c4345ec"><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-358be406a59c99b48cc5d2f6df62acba" 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-358be406a59c99b48cc5d2f6df62acba"><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-8e83028df1ba5676fa67cd541be62e9e" 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-8e83028df1ba5676fa67cd541be62e9e"><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-6812159dc21616bf24f635e31866a1d5" 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-6812159dc21616bf24f635e31866a1d5"><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-e01f2704ed633c599ea00ebc5bba98d2" 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-e01f2704ed633c599ea00ebc5bba98d2"><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-1e4cdbde33e0b87a167989570f04e38e" 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-1e4cdbde33e0b87a167989570f04e38e"><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-2644a4f0d0b1a96c746dd730c6f5b838" 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-2644a4f0d0b1a96c746dd730c6f5b838"><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-45024d3a17d5fbf78d29bd9eb1f186b0" 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-45024d3a17d5fbf78d29bd9eb1f186b0"><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-dada7a4f407fffa7e13d69b47db072f2" 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-dada7a4f407fffa7e13d69b47db072f2"><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-a971617daf2d6f10da7f2eb53e714db5" 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-a971617daf2d6f10da7f2eb53e714db5"><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-7f278219615b481ac2daf837ed9d7e06" 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-7f278219615b481ac2daf837ed9d7e06"><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-ec8a0ed81a81cd044fa6001bed1a8f8d" 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-ec8a0ed81a81cd044fa6001bed1a8f8d"><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-3b87267bb162cddee2b24448cda61d91" 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-3b87267bb162cddee2b24448cda61d91"><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-f724adac635257f8a4603dbae21e269f" 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-f724adac635257f8a4603dbae21e269f"><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-282ef9f8e5735abf108e6125d68cd684" 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-282ef9f8e5735abf108e6125d68cd684"><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-35a24542490d9bb16c8a8b76e3509f33" 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-35a24542490d9bb16c8a8b76e3509f33"><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-6490c81bfcbb58975d8d7cc4bc606e2d" 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-6490c81bfcbb58975d8d7cc4bc606e2d"><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-d6defae408ab42e19d5048bf9abfeb9f" 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-d6defae408ab42e19d5048bf9abfeb9f"><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-b523f527de47fd4bce206c82a4b3bf42" 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-b523f527de47fd4bce206c82a4b3bf42"><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-71084e71cd831e469142096cb575d35e" 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-71084e71cd831e469142096cb575d35e"><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-69a85e145f883d2824faea9403ee2fe6" 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-69a85e145f883d2824faea9403ee2fe6"><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-680d119990759d86a83a97d19186d3fe" 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-680d119990759d86a83a97d19186d3fe"><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-fff0bcf33c56c11c3e1ef57f58c5b3f4" 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-fff0bcf33c56c11c3e1ef57f58c5b3f4"><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-d3a877ff3b5fa50ce5b27bdf5efd7d3d" 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-d3a877ff3b5fa50ce5b27bdf5efd7d3d"><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-ac7c1399302cf95f28acbe5337e76216" 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-ac7c1399302cf95f28acbe5337e76216"><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-2468760917c3f8bb87bc9c0d9270fad8" 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-2468760917c3f8bb87bc9c0d9270fad8"><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-5530b094bf0f55792f0b8c63915323f9" 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-5530b094bf0f55792f0b8c63915323f9"><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-5509516879f1119a394e156b9e90c23b" 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-5509516879f1119a394e156b9e90c23b"><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-18ffab59a81727e38b4f099c95b31d20" 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-18ffab59a81727e38b4f099c95b31d20"><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-bd36f45df1eaf9defba0eb760faf48c1" 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-bd36f45df1eaf9defba0eb760faf48c1"><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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 73480537e1..fb8648de42 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -30,21 +30,21 @@ Example from the current website:
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -340,12 +340,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?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -508,13 +508,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?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index 8cffc277e3..03e84eeec5 100644
--- a/cont/menushortcuts/index.print.html
+++ b/cont/menushortcuts/index.print.html
@@ -30,22 +30,22 @@ Example from the current website:
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 80c991b2ef..97a70a4978 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -413,13 +413,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index 6049fb9a45..7d588f201c 100644
--- a/cont/pages/index.print.html
+++ b/cont/pages/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.html b/cont/taxonomy/index.html
index 56c112b0de..90a5cf8fee 100644
--- a/cont/taxonomy/index.html
+++ b/cont/taxonomy/index.html
@@ -30,21 +30,21 @@ The categories are displayed at the bottom of the page in alphabetical order in
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -300,12 +300,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?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -468,13 +468,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?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.print.html b/cont/taxonomy/index.print.html
index e6616e911c..0d2c0262bb 100644
--- a/cont/taxonomy/index.print.html
+++ b/cont/taxonomy/index.print.html
@@ -30,22 +30,22 @@ The categories are displayed at the bottom of the page in alphabetical order in
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/css/theme.css b/css/theme.css
index 6d955a8115..5e47fd126b 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -417,12 +417,29 @@ dd {
     }
 }
 
-.topbar-breadcrumbs a:hover,
-.topbar-breadcrumbs a:active,
-.topbar-breadcrumbs a:focus,
-.topbar-breadcrumbs a:hover *,
-.topbar-breadcrumbs a:active *,
-.topbar-breadcrumbs a:focus *,
+#R-topbar a:hover:empty,
+#R-topbar a:active:empty,
+#R-topbar a:focus:empty,
+#R-topbar a:hover :not(i),
+#R-topbar a:active :not(i),
+#R-topbar a:focus :not(i),
+#R-topbar button:hover :not(i),
+#R-topbar button:active :not(i),
+#R-topbar button:focus :not(i),
+#R-topbar .title:hover,
+#R-topbar .title:active,
+#R-topbar .title:focus,
+.topbar-content a:hover,
+.topbar-content a:active,
+.topbar-content a:focus,
+article a:hover,
+article a:active,
+article a:focus,
+article a:hover .copy-to-clipboard,
+article a:active .copy-to-clipboard,
+article a:focus .copy-to-clipboard {
+    text-decoration: underline;
+}
 .topbar-content a:hover,
 .topbar-content a:active,
 .topbar-content a:focus,
@@ -433,7 +450,6 @@ article a:hover .copy-to-clipboard,
 article a:active .copy-to-clipboard,
 article a:focus .copy-to-clipboard {
     outline: none;
-    text-decoration: underline;
 }
 article a:hover > img:only-child:empty,
 article a:active > img:only-child:empty,
@@ -1093,7 +1109,6 @@ html[dir="rtl"] .topbar-button-next i {
 
 .topbar-breadcrumbs {
     flex-grow: 1;
-    line-height: 1.2;
     margin: 0;
     padding: 0 1rem;
 }
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index 0188296636..70fb7c10ed 100644
--- a/dev/contributing/index.html
+++ b/dev/contributing/index.html
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -324,12 +324,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -496,13 +496,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index 79afe7673d..3abfd4280a 100644
--- a/dev/contributing/index.print.html
+++ b/dev/contributing/index.print.html
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index b4b7350dca..fdf40040db 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../js/url.js?1701783961"></script>
-    <script src="../js/variant.js?1701783961"></script>
+    <link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../js/url.js?1701789219"></script>
+    <script src="../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../js/search.js?1701783962" defer></script>
+        <script src="../js/auto-complete.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -381,13 +381,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1701783962"></script>
+          <script async src="../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../js/theme.js?1701783962" defer></script>
+    <script src="../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index 24ab0a7a80..9870b6e23b 100644
--- a/dev/index.print.html
+++ b/dev/index.print.html
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../js/url.js?1701783962"></script>
-    <script src="../js/variant.js?1701783962"></script>
+    <link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../js/url.js?1701789220"></script>
+    <script src="../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -476,8 +476,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-9dc99634c289d61241456e3dd9a41bb2" 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-9dc99634c289d61241456e3dd9a41bb2"><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-f935a9381e2d52448cd578a1d2366033" 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-f935a9381e2d52448cd578a1d2366033"><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>
@@ -506,11 +506,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-4a571f4dee15d382c65ab456d69ab663" 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-4a571f4dee15d382c65ab456d69ab663"><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-073c187eaa23105455aa6d0137b2e1d3" 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-073c187eaa23105455aa6d0137b2e1d3"><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-877f212ac604d074e7f2ec9875dc9832" 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-877f212ac604d074e7f2ec9875dc9832"><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-100bc4cc358c458d72677bf0fb1f6fe5" 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-100bc4cc358c458d72677bf0fb1f6fe5"><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>
@@ -520,8 +520,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../js/theme.js?1701783962" defer></script>
+    <script src="../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index 0c7267c1a9..0bcfca153f 100644
--- a/dev/maintaining/index.html
+++ b/dev/maintaining/index.html
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -415,12 +415,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -587,13 +587,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index 94e5381da5..81da8c0504 100644
--- a/dev/maintaining/index.print.html
+++ b/dev/maintaining/index.print.html
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index 2d827e2fb1..9bd2ab423b 100644
--- a/dev/screenshots/index.html
+++ b/dev/screenshots/index.html
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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-9dc99634c289d61241456e3dd9a41bb2" 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-9dc99634c289d61241456e3dd9a41bb2"><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-f935a9381e2d52448cd578a1d2366033" 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-f935a9381e2d52448cd578a1d2366033"><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>
@@ -180,11 +180,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-4a571f4dee15d382c65ab456d69ab663" 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-4a571f4dee15d382c65ab456d69ab663"><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-073c187eaa23105455aa6d0137b2e1d3" 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-073c187eaa23105455aa6d0137b2e1d3"><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-877f212ac604d074e7f2ec9875dc9832" 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-877f212ac604d074e7f2ec9875dc9832"><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-100bc4cc358c458d72677bf0fb1f6fe5" 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-100bc4cc358c458d72677bf0fb1f6fe5"><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>
@@ -274,12 +274,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index f233040af9..91fcc88ce6 100644
--- a/dev/screenshots/index.print.html
+++ b/dev/screenshots/index.print.html
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-9dc99634c289d61241456e3dd9a41bb2" 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-9dc99634c289d61241456e3dd9a41bb2"><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-f935a9381e2d52448cd578a1d2366033" 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-f935a9381e2d52448cd578a1d2366033"><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-4a571f4dee15d382c65ab456d69ab663" 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-4a571f4dee15d382c65ab456d69ab663"><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-073c187eaa23105455aa6d0137b2e1d3" 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-073c187eaa23105455aa6d0137b2e1d3"><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-877f212ac604d074e7f2ec9875dc9832" 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-877f212ac604d074e7f2ec9875dc9832"><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-100bc4cc358c458d72677bf0fb1f6fe5" 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-100bc4cc358c458d72677bf0fb1f6fe5"><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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index 13cdf30880..c56c09f7e8 100644
--- a/index.html
+++ b/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="./css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="./css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1701783961" rel="stylesheet">
-    <link href="./css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="./css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="./css/variant.css?1701783961" rel="stylesheet">
-    <link href="./css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1701783961" rel="stylesheet">
-    <script src="./js/url.js?1701783961"></script>
-    <script src="./js/variant.js?1701783961"></script>
+    <link href="./css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="./css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="./css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1701789219" rel="stylesheet">
+    <link href="./css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="./css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="./css/variant.css?1701789219" rel="stylesheet">
+    <link href="./css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1701789219" rel="stylesheet">
+    <script src="./js/url.js?1701789219"></script>
+    <script src="./js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/index.html">★ What&rsquo;s new in the latest release ★</a></p>
-<p><a href="#R-image-37af520cbee8a673877fea9a26f9a00c" 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-37af520cbee8a673877fea9a26f9a00c"><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-272e3a92c1d18c79cee330a0de788640" 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-272e3a92c1d18c79cee330a0de788640"><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 adapting 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>
@@ -293,12 +293,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1701783961" defer></script>
-        <script src="./js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="./js/search.js?1701783961" defer></script>
+        <script src="./js/auto-complete.js?1701789220" defer></script>
+        <script src="./js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="./js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -461,13 +461,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1701783961"></script>
+          <script async src="./js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1701783961" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="./js/theme.js?1701783961" defer></script>
+    <script src="./js/clipboard.min.js?1701789220" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="./js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index 86109cef04..d4bc138a92 100644
--- a/index.print.html
+++ b/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="./css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="./css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1701783962" rel="stylesheet">
-    <link href="./css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="./css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="./css/variant.css?1701783962" rel="stylesheet">
-    <link href="./css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1701783962" rel="stylesheet">
-    <link href="./css/ie.css?1701783962" rel="stylesheet">
-    <script src="./js/url.js?1701783962"></script>
-    <script src="./js/variant.js?1701783962"></script>
+    <link href="./css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="./css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="./css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1701789220" rel="stylesheet">
+    <link href="./css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="./css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="./css/variant.css?1701789220" rel="stylesheet">
+    <link href="./css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1701789220" rel="stylesheet">
+    <link href="./css/ie.css?1701789220" rel="stylesheet">
+    <script src="./js/url.js?1701789220"></script>
+    <script src="./js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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/index.html">★ What&rsquo;s new in the latest release ★</a></p>
-<p><a href="#R-image-37af520cbee8a673877fea9a26f9a00c" 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-37af520cbee8a673877fea9a26f9a00c"><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-272e3a92c1d18c79cee330a0de788640" 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-272e3a92c1d18c79cee330a0de788640"><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 adapting 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>
@@ -1150,8 +1150,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-a1475a4a4bd24cab75aa359c4e999713" 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-a1475a4a4bd24cab75aa359c4e999713"><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-456d704966d9e5c3de376603666a39f5" 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-456d704966d9e5c3de376603666a39f5"><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>
@@ -1198,13 +1198,13 @@
 <p>Note that some of these options are explained in detail in other sections of this documentation.</p>
 
   
-<div class="tab-panel" data-tab-group="b3ec42d20705d6f305c430eb99bfc5d0">
+<div class="tab-panel" data-tab-group="a1e3da325e562bf058a8da91397fdefd">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('b3ec42d20705d6f305c430eb99bfc5d0','hugotoml')"
+      onclick="switchTab('a1e3da325e562bf058a8da91397fdefd','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1666,13 +1666,13 @@
 <p>Set the <code>themeVariant</code> value to the name of your theme file. That&rsquo;s it! Your site will be displayed in this variant only.</p>
 
   
-<div class="tab-panel" data-tab-group="3b4bff77fabae5106117ea7965c9cd13">
+<div class="tab-panel" data-tab-group="0d3e41d75b6ed3f7108af0e2db8254fe">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('3b4bff77fabae5106117ea7965c9cd13','hugotoml')"
+      onclick="switchTab('0d3e41d75b6ed3f7108af0e2db8254fe','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1700,13 +1700,13 @@
 <p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="9389c8cd31e57b0f4ddb6f0e62277b49">
+<div class="tab-panel" data-tab-group="7cec1f99f3084d37370ff9b7181e741d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('9389c8cd31e57b0f4ddb6f0e62277b49','hugotoml')"
+      onclick="switchTab('7cec1f99f3084d37370ff9b7181e741d','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1735,13 +1735,13 @@
 <p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option&rsquo;s array, but usually it makes sense to set it in the first position and make it the default.</p>
 
   
-<div class="tab-panel" data-tab-group="dbe32acaa7b1d2a6ea08cc5608720bdc">
+<div class="tab-panel" data-tab-group="05429f3eb739cf6a844c449d5c57e917">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('dbe32acaa7b1d2a6ea08cc5608720bdc','hugotoml')"
+      onclick="switchTab('05429f3eb739cf6a844c449d5c57e917','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1761,13 +1761,13 @@
 <p>If you don&rsquo;t like that behavior, you can explicitly set <code>themeVariantAuto</code>. The first entry in the array is the color variant for light mode, the second for dark mode.</p>
 
   
-<div class="tab-panel" data-tab-group="091271e4b57845f017a648efeb670210">
+<div class="tab-panel" data-tab-group="f646ce9a8920d7880e2bfe8eb022cdd7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('091271e4b57845f017a648efeb670210','hugotoml')"
+      onclick="switchTab('f646ce9a8920d7880e2bfe8eb022cdd7','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1789,13 +1789,13 @@
 <p>If you need to change this default behavior, create a new file <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p>
 
   
-<div class="tab-panel" data-tab-group="5ff37129a8476ed3b631d4b41f1a98b9">
+<div class="tab-panel" data-tab-group="138ebd6de848eaf3e9fa74b10ad321de">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="layoutspartialsfaviconhtml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('5ff37129a8476ed3b631d4b41f1a98b9','layoutspartialsfaviconhtml')"
+      onclick="switchTab('138ebd6de848eaf3e9fa74b10ad321de','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -1829,13 +1829,13 @@
 <p>Again, in this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="ccb3ec97d384f05d4f2118e566589016">
+<div class="tab-panel" data-tab-group="3bd70807ab8ff08cbc087eb4079220a6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('ccb3ec97d384f05d4f2118e566589016','hugotoml')"
+      onclick="switchTab('3bd70807ab8ff08cbc087eb4079220a6','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1853,13 +1853,13 @@
 </div><p>you now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="e19658f461dd464ec75c03a75c611451">
+<div class="tab-panel" data-tab-group="7b38876fac091e09bdf65cdba4169c5a">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('e19658f461dd464ec75c03a75c611451','hugotoml')"
+      onclick="switchTab('7b38876fac091e09bdf65cdba4169c5a','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1908,13 +1908,13 @@
 <h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
 
   
-<div class="tab-panel" data-tab-group="51f5fbd27cf6a7b79aadab40e4776a0a">
+<div class="tab-panel" data-tab-group="1661c01e8047b7a04b6c71173cb016ea">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('51f5fbd27cf6a7b79aadab40e4776a0a','hugotoml')"
+      onclick="switchTab('1661c01e8047b7a04b6c71173cb016ea','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1959,13 +1959,13 @@
 <p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlightning schema to the one used in the <code>neon</code> variant. For that, create a new <code>static/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
 
   
-<div class="tab-panel" data-tab-group="1e93237d17fe099b72267641e6d0c9d3">
+<div class="tab-panel" data-tab-group="5fd27e7671ca4bd159113d127b794d03">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="staticcsstheme-my-brandingcss"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('1e93237d17fe099b72267641e6d0c9d3','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('5fd27e7671ca4bd159113d127b794d03','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-branding.css</span>
     </button>
@@ -1988,13 +1988,13 @@
 </div><p>Afterwards put this in your <code>hugo.toml</code> to use your new variant:</p>
 
   
-<div class="tab-panel" data-tab-group="dc89f63bf3a6033caa7019a9cf8048e1">
+<div class="tab-panel" data-tab-group="0631464202ae5a92cdca1d6f0f2f79a8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('dc89f63bf3a6033caa7019a9cf8048e1','hugotoml')"
+      onclick="switchTab('0631464202ae5a92cdca1d6f0f2f79a8','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -2054,8 +2054,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>hugo.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-b3cbdffe924df2c46934a08293a2cb2d" class="lightbox-link"><img src="./basics/customization/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-b3cbdffe924df2c46934a08293a2cb2d"><img src="./basics/customization/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-592d710dbe357d4bf520f163b0ed4a31" class="lightbox-link"><img src="./basics/customization/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-592d710dbe357d4bf520f163b0ed4a31"><img src="./basics/customization/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>
@@ -2096,8 +2096,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
 </span></span><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; Arrr! Homme&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is 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-79bf585da78c26140747ead596f6ba4f" class="lightbox-link"><img src="./basics/customization/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-79bf585da78c26140747ead596f6ba4f"><img src="./basics/customization/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-11db60afef5f846dd1849b945f6fb9fa" class="lightbox-link"><img src="./basics/customization/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-11db60afef5f846dd1849b945f6fb9fa"><img src="./basics/customization/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> protocol 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>
 <h2 id="change-the-menu-width">Change the Menu Width</h2>
@@ -2202,13 +2202,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-ff41931e949f550486e58c991d0fec93" aria-controls="R-expandcontent-ff41931e949f550486e58c991d0fec93" >
-    <label class="expand-label" for="R-expand-ff41931e949f550486e58c991d0fec93" >
+    <input type="checkbox" id="R-expand-79e764afc3fc8d80aeb2d1de581be0fd" aria-controls="R-expandcontent-79e764afc3fc8d80aeb2d1de581be0fd" >
+    <label class="expand-label" for="R-expand-79e764afc3fc8d80aeb2d1de581be0fd" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-ff41931e949f550486e58c991d0fec93" class="expand-content">
+    <div id="R-expandcontent-79e764afc3fc8d80aeb2d1de581be0fd" class="expand-content">
 
 <p>To get started, first select a color variant from the variant selector 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>
@@ -2219,11 +2219,11 @@ appearance, you will have to configure the <code>landingPageName</code> for the
 <p>Eg. if your new variants file is named <code>theme-my-custom-variant.css</code>, you have to set <code>themeVariant='my-custom-variant'</code> to use it.</p>
 </div>
 </div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <div id="R-vargenerator" class="mermaid zoomable" style="background-color: var(--INTERNAL-MAIN-TEXT-color);">Graph</div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <script>
 window.variants && variants.generator( '#R-vargenerator' );
 </script>
@@ -2244,8 +2244,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-e80431f633acee9f98286137f0f2eaab" 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-e80431f633acee9f98286137f0f2eaab"><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-13dc05c02207cdb60c80cfa49f4d525a" 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-13dc05c02207cdb60c80cfa49f4d525a"><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">
@@ -2257,8 +2257,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-1f8264540ef08258f47de0f22d9301ee" 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-1f8264540ef08258f47de0f22d9301ee"><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-82abb07abca312ac3f6e76db6b4fbe2d" 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-82abb07abca312ac3f6e76db6b4fbe2d"><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>
@@ -4192,8 +4192,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-14db0bf2e7665e02872774bac0e6f557" class="lightbox-link"><img src="./cont/frontmatter/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-14db0bf2e7665e02872774bac0e6f557"><img src="./cont/frontmatter/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-3ad168ff3e04db2938e7d6b7f4228e2f" class="lightbox-link"><img src="./cont/frontmatter/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-3ad168ff3e04db2938e7d6b7f4228e2f"><img src="./cont/frontmatter/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>
@@ -4243,8 +4243,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-a087ecaa538da996835a4ad35a46367d" 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-a087ecaa538da996835a4ad35a46367d"><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-14a692c74777ca2912b0ffb255816fbc" 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-14a692c74777ca2912b0ffb255816fbc"><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">+++
@@ -4254,8 +4254,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-e1ec5cfb93e3ce1749f74dc1bc87a8d5" 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-e1ec5cfb93e3ce1749f74dc1bc87a8d5"><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-125b285045f7fecc682a72c6c1a09903" 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-125b285045f7fecc682a72c6c1a09903"><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">+++
@@ -4267,8 +4267,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-273d4b9913f492c005fb77d08c8f34b6" 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-273d4b9913f492c005fb77d08c8f34b6"><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-41b2ec018b642e6fa084be0a729837dc" 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-41b2ec018b642e6fa084be0a729837dc"><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>
@@ -4840,8 +4840,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-eb3be65fde47d3dc00ff9cbb0c4345ec" 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-eb3be65fde47d3dc00ff9cbb0c4345ec"><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-358be406a59c99b48cc5d2f6df62acba" 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-358be406a59c99b48cc5d2f6df62acba"><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>
@@ -4851,8 +4851,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-8e83028df1ba5676fa67cd541be62e9e" 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-8e83028df1ba5676fa67cd541be62e9e"><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-6812159dc21616bf24f635e31866a1d5" 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-6812159dc21616bf24f635e31866a1d5"><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>
@@ -4864,8 +4864,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-e01f2704ed633c599ea00ebc5bba98d2" 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-e01f2704ed633c599ea00ebc5bba98d2"><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-1e4cdbde33e0b87a167989570f04e38e" 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-1e4cdbde33e0b87a167989570f04e38e"><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>
@@ -4877,8 +4877,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-2644a4f0d0b1a96c746dd730c6f5b838" 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-2644a4f0d0b1a96c746dd730c6f5b838"><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-45024d3a17d5fbf78d29bd9eb1f186b0" 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-45024d3a17d5fbf78d29bd9eb1f186b0"><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>
@@ -4886,8 +4886,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-dada7a4f407fffa7e13d69b47db072f2" 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-dada7a4f407fffa7e13d69b47db072f2"><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-a971617daf2d6f10da7f2eb53e714db5" 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-a971617daf2d6f10da7f2eb53e714db5"><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>
@@ -4895,8 +4895,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-7f278219615b481ac2daf837ed9d7e06" 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-7f278219615b481ac2daf837ed9d7e06"><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-ec8a0ed81a81cd044fa6001bed1a8f8d" 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-ec8a0ed81a81cd044fa6001bed1a8f8d"><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>
@@ -4907,8 +4907,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-3b87267bb162cddee2b24448cda61d91" 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-3b87267bb162cddee2b24448cda61d91"><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-f724adac635257f8a4603dbae21e269f" 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-f724adac635257f8a4603dbae21e269f"><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>
@@ -4917,8 +4917,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-282ef9f8e5735abf108e6125d68cd684" 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-282ef9f8e5735abf108e6125d68cd684"><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-35a24542490d9bb16c8a8b76e3509f33" 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-35a24542490d9bb16c8a8b76e3509f33"><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>
@@ -4927,8 +4927,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-6490c81bfcbb58975d8d7cc4bc606e2d" 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-6490c81bfcbb58975d8d7cc4bc606e2d"><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-d6defae408ab42e19d5048bf9abfeb9f" 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-d6defae408ab42e19d5048bf9abfeb9f"><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>
@@ -4937,8 +4937,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-b523f527de47fd4bce206c82a4b3bf42" 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-b523f527de47fd4bce206c82a4b3bf42"><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-71084e71cd831e469142096cb575d35e" 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-71084e71cd831e469142096cb575d35e"><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>
@@ -4950,14 +4950,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-69a85e145f883d2824faea9403ee2fe6" 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-69a85e145f883d2824faea9403ee2fe6"><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-680d119990759d86a83a97d19186d3fe" 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-680d119990759d86a83a97d19186d3fe"><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-fff0bcf33c56c11c3e1ef57f58c5b3f4" 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-fff0bcf33c56c11c3e1ef57f58c5b3f4"><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-d3a877ff3b5fa50ce5b27bdf5efd7d3d" 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-d3a877ff3b5fa50ce5b27bdf5efd7d3d"><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-ac7c1399302cf95f28acbe5337e76216" 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-ac7c1399302cf95f28acbe5337e76216"><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-2468760917c3f8bb87bc9c0d9270fad8" 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-2468760917c3f8bb87bc9c0d9270fad8"><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-5530b094bf0f55792f0b8c63915323f9" 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-5530b094bf0f55792f0b8c63915323f9"><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-5509516879f1119a394e156b9e90c23b" 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-5509516879f1119a394e156b9e90c23b"><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>
@@ -4966,8 +4966,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-18ffab59a81727e38b4f099c95b31d20" 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-18ffab59a81727e38b4f099c95b31d20"><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-bd36f45df1eaf9defba0eb760faf48c1" 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-bd36f45df1eaf9defba0eb760faf48c1"><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>
@@ -5006,13 +5006,13 @@ line 3 of code
 <p>Without any settings in your <code>hugo.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="7160d54791593d32f250250046f21da5">
+<div class="tab-panel" data-tab-group="b9db4649b651eaaba5408e89a69167d4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('7160d54791593d32f250250046f21da5','hugotoml')"
+      onclick="switchTab('b9db4649b651eaaba5408e89a69167d4','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -5033,13 +5033,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="7af43d767c08f22489e6a911ffb8859b">
+<div class="tab-panel" data-tab-group="67d63764eda69cf14f924595d80c9226">
   <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" tabindex="-1"
-      onclick="switchTab('7af43d767c08f22489e6a911ffb8859b','frontmatter')"
+      onclick="switchTab('67d63764eda69cf14f924595d80c9226','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -5059,13 +5059,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="a2933395d740de0dae7258aeb2bba69b">
+<div class="tab-panel" data-tab-group="0daadfadd0c976c228911d5d877325b6">
   <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" tabindex="-1"
-      onclick="switchTab('a2933395d740de0dae7258aeb2bba69b','url')"
+      onclick="switchTab('0daadfadd0c976c228911d5d877325b6','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -5082,13 +5082,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="8d82dfa382bf1d0b6ab2cc6b1e2fd61e">
+<div class="tab-panel" data-tab-group="24223b88be279cfbd9efc7ba8f578c2c">
   <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" tabindex="-1"
-      onclick="switchTab('8d82dfa382bf1d0b6ab2cc6b1e2fd61e','result')"
+      onclick="switchTab('24223b88be279cfbd9efc7ba8f578c2c','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -5108,13 +5108,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="cbc04acce443d985dc28e82d36ed40b0">
+<div class="tab-panel" data-tab-group="52269ab9b004d60f3c95fdf61c8057cc">
   <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" tabindex="-1"
-      onclick="switchTab('cbc04acce443d985dc28e82d36ed40b0','html')"
+      onclick="switchTab('52269ab9b004d60f3c95fdf61c8057cc','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -5289,8 +5289,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-4691280a5c35d44b9fed79f6a5e9c009" 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-4691280a5c35d44b9fed79f6a5e9c009"><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-633f99ce11380285f8e80226aece223e" 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-633f99ce11380285f8e80226aece223e"><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>hugo.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -5967,8 +5967,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <h1 id="button">Button</h1>
 
 <p>The <code>button</code> shortcode displays a clickable button with adjustable color, title and icon.</p>
-<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Hugo</a></span></p>
+<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Hugo</span></a></span></p>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
@@ -6078,55 +6078,55 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> Get Hugo</a></span>
-<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> Get Hugo</a></span>
-<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Get Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> <span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> <span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> <span class="title">Get Hugo</span></a></span></p>
 <h4 id="by-brand-colors">By Brand Colors</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span></p>
 <h4 id="by-color">By Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span></p>
 <h4 id="by-special-color">By Special Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span></p>
 <h3 id="icon">Icon</h3>
 <h4 id="empty">Empty</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"></a></span>
 <h4 id="only">Only</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="to-the-left">To the Left</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> Get Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> <span class="title">Get Hugo</span></a></span>
 <h4 id="to-the-right">To the Right</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposition</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo <i class="fa-fw fas fa-download"></i></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposition</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span> <i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="override-for-severity">Override for Severity</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Hugo</span></a></span>
 <h3 id="target">Target</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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">target</span><span class="p">=</span><span class="s">&#34;_self&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span> <span class="nx">in</span> <span class="nx">same</span> <span class="nx">window</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span> <span class="nx">in</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self">Get Hugo in same Window/Frame</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo in new Window/Frame (default)</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span> <span class="nx">in</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self"><span class="title">Get Hugo in same Window/Frame</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo in new Window/Frame (default)</span></a></span></p>
 <h3 id="other">Other</h3>
 <h4 id="with-user-defined-color-font-awesome-brand-icon-and-markdown-title">With User-Defined Color, Font Awesome Brand Icon and Markdown Title</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> Get <strong>Hugo</strong></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> <span class="title">Get <strong>Hugo</strong></span></a></span>
 <h4 id="severity-style-with-all-defaults">Severity Style with All Defaults</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Tip</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Tip</span></a></span>
 <h4 id="button-to-internal-page">Button to Internal Page</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="./index.html">Home</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="./index.html"><span class="title">Home</span></a></span>
 <h4 id="button-with-javascript-action">Button with JavaScript Action</h4>
 <p>If your JavaScript action does not change the focus afterwards, make sure to call <code>this.blur()</code> in the end to unselect the button.</p>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> Shout it out</button></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> <span class="title">Shout it out</span></button></span>
 <h4 id="button-within-a-form-element">Button within a <code>form</code> Element</h4>
 <p>To use native HTML elements in your Markdown, add this in your <code>hugo.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>
@@ -6136,7 +6136,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
 </span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span></span></span></code></pre></div><form action="../../search.html" method="get">
   <div class="searchform" style="width: 20vw;">
     <input name="search-by-detail" class="search-by" type="search" placeholder="Search...">
-    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> Search</button></span>
+    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> <span class="title">Search</span></button></span>
   </div>
 </form>
 
@@ -6555,13 +6555,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-971baec6ffb7020be3d1d42bfc4d0210" aria-controls="R-expandcontent-971baec6ffb7020be3d1d42bfc4d0210" >
-    <label class="expand-label" for="R-expand-971baec6ffb7020be3d1d42bfc4d0210" >
+    <input type="checkbox" id="R-expand-cc2392b01152135752d8fa1d3fbc485a" aria-controls="R-expandcontent-cc2392b01152135752d8fa1d3fbc485a" >
+    <label class="expand-label" for="R-expand-cc2392b01152135752d8fa1d3fbc485a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-971baec6ffb7020be3d1d42bfc4d0210" class="expand-content">
+    <div id="R-expandcontent-cc2392b01152135752d8fa1d3fbc485a" 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>
@@ -6679,26 +6679,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-d3c42112f285c5b7c46cabcbd1c6ca3f" aria-controls="R-expandcontent-d3c42112f285c5b7c46cabcbd1c6ca3f" >
-    <label class="expand-label" for="R-expand-d3c42112f285c5b7c46cabcbd1c6ca3f" >
+    <input type="checkbox" id="R-expand-90adfe87ee625c946bf85f2842810c63" aria-controls="R-expandcontent-90adfe87ee625c946bf85f2842810c63" >
+    <label class="expand-label" for="R-expand-90adfe87ee625c946bf85f2842810c63" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-d3c42112f285c5b7c46cabcbd1c6ca3f" class="expand-content">
+    <div id="R-expandcontent-90adfe87ee625c946bf85f2842810c63" 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-af866009601ff1225cfd712fdc0ed3fb" aria-controls="R-expandcontent-af866009601ff1225cfd712fdc0ed3fb"  checked>
-    <label class="expand-label" for="R-expand-af866009601ff1225cfd712fdc0ed3fb" >
+    <input type="checkbox" id="R-expand-976e98148fec89fa6eaa87193acdf74c" aria-controls="R-expandcontent-976e98148fec89fa6eaa87193acdf74c"  checked>
+    <label class="expand-label" for="R-expand-976e98148fec89fa6eaa87193acdf74c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-af866009601ff1225cfd712fdc0ed3fb" class="expand-content">
+    <div id="R-expandcontent-976e98148fec89fa6eaa87193acdf74c" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -6719,13 +6719,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-478ecbd608afd34ead6eee725172c834" aria-controls="R-expandcontent-478ecbd608afd34ead6eee725172c834" >
-    <label class="expand-label" for="R-expand-478ecbd608afd34ead6eee725172c834" >
+    <input type="checkbox" id="R-expand-8dcc92862c4880c4a871c6f531731b4c" aria-controls="R-expandcontent-8dcc92862c4880c4a871c6f531731b4c" >
+    <label class="expand-label" for="R-expand-8dcc92862c4880c4a871c6f531731b4c" >
         <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-478ecbd608afd34ead6eee725172c834" class="expand-content">
+    <div id="R-expandcontent-8dcc92862c4880c4a871c6f531731b4c" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -6753,13 +6753,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="5348f0f33c23b4e3bd47ac67a0beaeea">
+<div class="tab-panel" data-tab-group="24429f920de310216dcbbb1f525d1b8c">
   <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" tabindex="-1"
-      onclick="switchTab('5348f0f33c23b4e3bd47ac67a0beaeea','python')"
+      onclick="switchTab('24429f920de310216dcbbb1f525d1b8c','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -6971,13 +6971,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="3a791582d44c1cd210bba1d3a855dc8f">
+<div class="tab-panel" data-tab-group="b29ad38388e7d85a043a0b1ba094b4ac">
   <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" tabindex="-1"
-      onclick="switchTab('3a791582d44c1cd210bba1d3a855dc8f','python')"
+      onclick="switchTab('b29ad38388e7d85a043a0b1ba094b4ac','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -8427,7 +8427,7 @@ xychart-beta
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-2eee0e6efaf6750aff87183bc5571672"
+    id="R-openapi-de61bf2052d9a4def45dbe82220724f5"
     data-openapi-url="./shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -8523,13 +8523,13 @@ xychart-beta
 <p>To use formatted parameter, add this in your <code>hugo.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="836a15913e12d40556275f4daabfd2d8">
+<div class="tab-panel" data-tab-group="56ec9cbc20e67fe80cf7a1e10f804912">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('836a15913e12d40556275f4daabfd2d8','hugotoml')"
+      onclick="switchTab('56ec9cbc20e67fe80cf7a1e10f804912','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -8561,13 +8561,13 @@ xychart-beta
 <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/index.html"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="87d449fbb874c1cabc7a56a134e03e2b">
+<div class="tab-panel" data-tab-group="a316ea82b51f9b8b263557b34e15eaaf">
   <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" tabindex="-1"
-      onclick="switchTab('87d449fbb874c1cabc7a56a134e03e2b','c')"
+      onclick="switchTab('a316ea82b51f9b8b263557b34e15eaaf','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -8672,13 +8672,13 @@ xychart-beta
 </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="a7ae5d81bc7a81445c94cef1ce7d25d9">
+<div class="tab-panel" data-tab-group="a82a507c17562026f8e2ebd7082fc66b">
   <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" tabindex="-1"
-      onclick="switchTab('a7ae5d81bc7a81445c94cef1ce7d25d9','code')"
+      onclick="switchTab('a82a507c17562026f8e2ebd7082fc66b','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -8700,13 +8700,13 @@ xychart-beta
 </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="b4894fb6137945d06149e2ed2a0df68b">
+<div class="tab-panel" data-tab-group="1906b4c7ba24d3dca653de999c41d847">
   <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" tabindex="-1"
-      onclick="switchTab('b4894fb6137945d06149e2ed2a0df68b','mixed')"
+      onclick="switchTab('1906b4c7ba24d3dca653de999c41d847','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -8751,41 +8751,41 @@ xychart-beta
 </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="0b08d7407aeb89493cb58d0ef297045e">
+<div class="tab-panel" data-tab-group="e03805b544cbcedae10bbf95f9d4a63c">
   <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" tabindex="-1"
-      onclick="switchTab('0b08d7407aeb89493cb58d0ef297045e','just-colored-style')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','just-color')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','default-style-and-color')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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>
@@ -8852,27 +8852,27 @@ xychart-beta
 <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/index.html"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="88674e625e9558c438e9abc6ca5eea05">
+<div class="tab-panel" data-tab-group="e717222aa2d5c888dc38aea9e9bbc808">
   <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" tabindex="-1"
-      onclick="switchTab('88674e625e9558c438e9abc6ca5eea05','py')"
+      onclick="switchTab('e717222aa2d5c888dc38aea9e9bbc808','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('88674e625e9558c438e9abc6ca5eea05','sh')"
+      onclick="switchTab('e717222aa2d5c888dc38aea9e9bbc808','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('88674e625e9558c438e9abc6ca5eea05','c')"
+      onclick="switchTab('e717222aa2d5c888dc38aea9e9bbc808','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -9020,27 +9020,27 @@ xychart-beta
 <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="acc1360626e7a44897a548828bb86e08">
+<div class="tab-panel" data-tab-group="a008391963839e45206a1cc257525fcc">
   <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" tabindex="-1"
-      onclick="switchTab('acc1360626e7a44897a548828bb86e08','group-a-tab-view-1')"
+      onclick="switchTab('a008391963839e45206a1cc257525fcc','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('acc1360626e7a44897a548828bb86e08','group-a-tab-view-2')"
+      onclick="switchTab('a008391963839e45206a1cc257525fcc','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('acc1360626e7a44897a548828bb86e08','group-b')"
+      onclick="switchTab('a008391963839e45206a1cc257525fcc','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -9397,8 +9397,8 @@ xychart-beta
         </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1701783962" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1701783962" defer></script>
+    <script src="./js/clipboard.min.js?1701789220" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1701789220" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -9427,27 +9427,27 @@ xychart-beta
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1701783962"></script>
-    <script src="./js/d3/d3-color.min.js?1701783962" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1701783962" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1701783962" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1701783962" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1701783962" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1701783962" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1701783962" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1701783962" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1701783962" defer></script>
-    <script src="./js/js-yaml.min.js?1701783962" defer></script>
-    <script src="./js/mermaid.min.js?1701783962" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1701789220"></script>
+    <script src="./js/d3/d3-color.min.js?1701789220" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1701789220" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1701789220" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1701789220" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1701789220" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1701789220" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1701789220" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1701789220" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1701789220" defer></script>
+    <script src="./js/js-yaml.min.js?1701789220" defer></script>
+    <script src="./js/mermaid.min.js?1701789220" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="./js/swagger-ui/swagger-ui-bundle.js?1701783962" defer></script>
-    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1701783962" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-bundle.js?1701789220" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1701789220" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701783962", assetsBuster:  1701783962  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701789220", assetsBuster:  1701789220  };
     </script>
-    <script src="./js/theme.js?1701783962" defer></script>
+    <script src="./js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.html b/more/credits/index.html
index dd7c0cc0a5..35aebef019 100644
--- a/more/credits/index.html
+++ b/more/credits/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -265,12 +265,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -433,13 +433,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index c78ce16b01..81263f8cf8 100644
--- a/more/credits/index.print.html
+++ b/more/credits/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -155,8 +155,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index 1e41248b0f..42eb4cdd4a 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -19,21 +19,21 @@
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn 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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../js/url.js?1701783962"></script>
-    <script src="../js/variant.js?1701783962"></script>
+    <link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../js/url.js?1701789220"></script>
+    <script src="../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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/branding/index.html b/pir/basics/branding/index.html
index 6d502fffcd..7f555e4f7b 100644
--- a/pir/basics/branding/index.html
+++ b/pir/basics/branding/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="art-pir">
     <link href="../../../pir/basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/branding/index.print.html" rel="alternate" type="text/html" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -144,13 +144,13 @@
 <p>Set th' <code>themeVariant</code> value t' th' name o' yer theme file. That&rsquo;s it! Yer ship will be displayed 'n this variant only.</p>
 
   
-<div class="tab-panel" data-tab-group="b88b2a6ceb8371ca6d940bcfd88cbbd1">
+<div class="tab-panel" data-tab-group="6aae842f4e9571fdfe4c05787d4e0371">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('b88b2a6ceb8371ca6d940bcfd88cbbd1','hugotoml')"
+      onclick="switchTab('6aae842f4e9571fdfe4c05787d4e0371','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -178,13 +178,13 @@
 <p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="a2a8fd5349442ab7ef9c8002156dec2b">
+<div class="tab-panel" data-tab-group="5df7efd33c469a440321be486e79ec86">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('a2a8fd5349442ab7ef9c8002156dec2b','hugotoml')"
+      onclick="switchTab('5df7efd33c469a440321be486e79ec86','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -213,13 +213,13 @@
 <p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option&rsquo;s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
 
   
-<div class="tab-panel" data-tab-group="61a5760be1f401ae17c6c3b79f5bd019">
+<div class="tab-panel" data-tab-group="104f57ebc04f6a2fd2952b201b17df36">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('61a5760be1f401ae17c6c3b79f5bd019','hugotoml')"
+      onclick="switchTab('104f57ebc04f6a2fd2952b201b17df36','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -239,13 +239,13 @@
 <p>If ye don&rsquo;t like that behavior, ye can explicitly set <code>themeVariantAuto</code>. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode.</p>
 
   
-<div class="tab-panel" data-tab-group="1faa03352c92d66f03aa7b316105353c">
+<div class="tab-panel" data-tab-group="38c93648168af39e26bad9a5f8b0336e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('1faa03352c92d66f03aa7b316105353c','hugotoml')"
+      onclick="switchTab('38c93648168af39e26bad9a5f8b0336e','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -267,13 +267,13 @@
 <p>If ye need t' change this default behavior, create a new file <code>layouts/partials/favicon.html</code> 'n yer site&rsquo;s directory an' write someth'n like this:</p>
 
   
-<div class="tab-panel" data-tab-group="3f37922b6cc0c15e79bc96f23f697873">
+<div class="tab-panel" data-tab-group="8d0ed3eae86cfd77fe4bf6b8d8425006">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="layoutspartialsfaviconhtml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('3f37922b6cc0c15e79bc96f23f697873','layoutspartialsfaviconhtml')"
+      onclick="switchTab('8d0ed3eae86cfd77fe4bf6b8d8425006','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -307,13 +307,13 @@
 <p>Again, 'n this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="cc4e2624aa5e273610c806cb38967687">
+<div class="tab-panel" data-tab-group="cf6919d08497086f1da8f7639d982dd7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('cc4e2624aa5e273610c806cb38967687','hugotoml')"
+      onclick="switchTab('cf6919d08497086f1da8f7639d982dd7','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -331,13 +331,13 @@
 </div><p>ye now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="c866b78f25478d85c02c22826ce33f48">
+<div class="tab-panel" data-tab-group="d6506cf19d492ac6ce016214ef54f9f0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('c866b78f25478d85c02c22826ce33f48','hugotoml')"
+      onclick="switchTab('d6506cf19d492ac6ce016214ef54f9f0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -386,13 +386,13 @@
 <h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
 
   
-<div class="tab-panel" data-tab-group="731142ee8f34fd188abbf0c2b8c0b9cf">
+<div class="tab-panel" data-tab-group="d8a5b864e548b12b783df42bac7c618b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('731142ee8f34fd188abbf0c2b8c0b9cf','hugotoml')"
+      onclick="switchTab('d8a5b864e548b12b783df42bac7c618b','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -437,13 +437,13 @@
 <p>For example, ye want t' use th' <code>relearn-light</code> variant but want t' change th' rules highlightn'n schema t' th' one used 'n th' <code>neon</code> variant. For that, create a new <code>static/css/theme-my-brand'n.css</code> 'n yer site&rsquo;s directory an' add th' follow'n lines:</p>
 
   
-<div class="tab-panel" data-tab-group="ea17fc3ac7a11b4a01ee45e4a8f2f09e">
+<div class="tab-panel" data-tab-group="8ee7a00a8e7683ba69d06f7059a48c7e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="staticcsstheme-my-brandingcss"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('ea17fc3ac7a11b4a01ee45e4a8f2f09e','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('8ee7a00a8e7683ba69d06f7059a48c7e','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-brand'n.css</span>
     </button>
@@ -466,13 +466,13 @@
 </div><p>Afterwards put this 'n yer <code>hugo.toml</code> t' use yer new variant:</p>
 
   
-<div class="tab-panel" data-tab-group="78a70b5775498e59db477a17b4d36253">
+<div class="tab-panel" data-tab-group="3342666da01921ef8cc5550db53a11a1">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('78a70b5775498e59db477a17b4d36253','hugotoml')"
+      onclick="switchTab('3342666da01921ef8cc5550db53a11a1','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -587,12 +587,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -755,13 +755,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/basics/branding/index.print.html b/pir/basics/branding/index.print.html
index a15713287b..c89e8577a7 100644
--- a/pir/basics/branding/index.print.html
+++ b/pir/basics/branding/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="art-pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="canonical" type="text/html" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -102,13 +102,13 @@
 <p>Set th' <code>themeVariant</code> value t' th' name o' yer theme file. That&rsquo;s it! Yer ship will be displayed 'n this variant only.</p>
 
   
-<div class="tab-panel" data-tab-group="b88b2a6ceb8371ca6d940bcfd88cbbd1">
+<div class="tab-panel" data-tab-group="6aae842f4e9571fdfe4c05787d4e0371">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('b88b2a6ceb8371ca6d940bcfd88cbbd1','hugotoml')"
+      onclick="switchTab('6aae842f4e9571fdfe4c05787d4e0371','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -136,13 +136,13 @@
 <p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="a2a8fd5349442ab7ef9c8002156dec2b">
+<div class="tab-panel" data-tab-group="5df7efd33c469a440321be486e79ec86">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('a2a8fd5349442ab7ef9c8002156dec2b','hugotoml')"
+      onclick="switchTab('5df7efd33c469a440321be486e79ec86','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -171,13 +171,13 @@
 <p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option&rsquo;s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
 
   
-<div class="tab-panel" data-tab-group="61a5760be1f401ae17c6c3b79f5bd019">
+<div class="tab-panel" data-tab-group="104f57ebc04f6a2fd2952b201b17df36">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('61a5760be1f401ae17c6c3b79f5bd019','hugotoml')"
+      onclick="switchTab('104f57ebc04f6a2fd2952b201b17df36','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -197,13 +197,13 @@
 <p>If ye don&rsquo;t like that behavior, ye can explicitly set <code>themeVariantAuto</code>. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode.</p>
 
   
-<div class="tab-panel" data-tab-group="1faa03352c92d66f03aa7b316105353c">
+<div class="tab-panel" data-tab-group="38c93648168af39e26bad9a5f8b0336e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('1faa03352c92d66f03aa7b316105353c','hugotoml')"
+      onclick="switchTab('38c93648168af39e26bad9a5f8b0336e','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -225,13 +225,13 @@
 <p>If ye need t' change this default behavior, create a new file <code>layouts/partials/favicon.html</code> 'n yer site&rsquo;s directory an' write someth'n like this:</p>
 
   
-<div class="tab-panel" data-tab-group="3f37922b6cc0c15e79bc96f23f697873">
+<div class="tab-panel" data-tab-group="8d0ed3eae86cfd77fe4bf6b8d8425006">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="layoutspartialsfaviconhtml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('3f37922b6cc0c15e79bc96f23f697873','layoutspartialsfaviconhtml')"
+      onclick="switchTab('8d0ed3eae86cfd77fe4bf6b8d8425006','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -265,13 +265,13 @@
 <p>Again, 'n this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="cc4e2624aa5e273610c806cb38967687">
+<div class="tab-panel" data-tab-group="cf6919d08497086f1da8f7639d982dd7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('cc4e2624aa5e273610c806cb38967687','hugotoml')"
+      onclick="switchTab('cf6919d08497086f1da8f7639d982dd7','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -289,13 +289,13 @@
 </div><p>ye now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="c866b78f25478d85c02c22826ce33f48">
+<div class="tab-panel" data-tab-group="d6506cf19d492ac6ce016214ef54f9f0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('c866b78f25478d85c02c22826ce33f48','hugotoml')"
+      onclick="switchTab('d6506cf19d492ac6ce016214ef54f9f0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -344,13 +344,13 @@
 <h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
 
   
-<div class="tab-panel" data-tab-group="731142ee8f34fd188abbf0c2b8c0b9cf">
+<div class="tab-panel" data-tab-group="d8a5b864e548b12b783df42bac7c618b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('731142ee8f34fd188abbf0c2b8c0b9cf','hugotoml')"
+      onclick="switchTab('d8a5b864e548b12b783df42bac7c618b','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -395,13 +395,13 @@
 <p>For example, ye want t' use th' <code>relearn-light</code> variant but want t' change th' rules highlightn'n schema t' th' one used 'n th' <code>neon</code> variant. For that, create a new <code>static/css/theme-my-brand'n.css</code> 'n yer site&rsquo;s directory an' add th' follow'n lines:</p>
 
   
-<div class="tab-panel" data-tab-group="ea17fc3ac7a11b4a01ee45e4a8f2f09e">
+<div class="tab-panel" data-tab-group="8ee7a00a8e7683ba69d06f7059a48c7e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="staticcsstheme-my-brandingcss"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('ea17fc3ac7a11b4a01ee45e4a8f2f09e','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('8ee7a00a8e7683ba69d06f7059a48c7e','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-brand'n.css</span>
     </button>
@@ -424,13 +424,13 @@
 </div><p>Afterwards put this 'n yer <code>hugo.toml</code> t' use yer new variant:</p>
 
   
-<div class="tab-panel" data-tab-group="78a70b5775498e59db477a17b4d36253">
+<div class="tab-panel" data-tab-group="3342666da01921ef8cc5550db53a11a1">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('78a70b5775498e59db477a17b4d36253','hugotoml')"
+      onclick="switchTab('3342666da01921ef8cc5550db53a11a1','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -464,8 +464,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index 4035e3b10c..2e91d361f2 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -123,13 +123,13 @@
 <p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p>
 
   
-<div class="tab-panel" data-tab-group="2daef72dbb10eb5ad48e8a476d40f539">
+<div class="tab-panel" data-tab-group="8994ca9e07b40a6a154df427401a5366">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('2daef72dbb10eb5ad48e8a476d40f539','hugotoml')"
+      onclick="switchTab('8994ca9e07b40a6a154df427401a5366','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -662,12 +662,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -830,13 +830,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index 3171290c91..423ae946c1 100644
--- a/pir/basics/configuration/index.print.html
+++ b/pir/basics/configuration/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -102,13 +102,13 @@
 <p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p>
 
   
-<div class="tab-panel" data-tab-group="2daef72dbb10eb5ad48e8a476d40f539">
+<div class="tab-panel" data-tab-group="8994ca9e07b40a6a154df427401a5366">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('2daef72dbb10eb5ad48e8a476d40f539','hugotoml')"
+      onclick="switchTab('8994ca9e07b40a6a154df427401a5366','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -560,8 +560,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 2f6ecd0f42..6003e9361b 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,8 +158,8 @@
 <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>hugo.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-cd9f6134a846e4a4efd5ca5f077a5001" class="lightbox-link"><img src="../../../basics/customization/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-cd9f6134a846e4a4efd5ca5f077a5001"><img src="../../../basics/customization/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-92fac884e10e197bb30e248b408febb7" class="lightbox-link"><img src="../../../basics/customization/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-92fac884e10e197bb30e248b408febb7"><img src="../../../basics/customization/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>
@@ -200,8 +200,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
 </span></span><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; Arrr! Homme&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n 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-817a10aa5b308e3ee88d1123cf816fbf" class="lightbox-link"><img src="../../../basics/customization/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-817a10aa5b308e3ee88d1123cf816fbf"><img src="../../../basics/customization/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-3a27a5ca8cb6e39689a8dea4d34333ee" class="lightbox-link"><img src="../../../basics/customization/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-3a27a5ca8cb6e39689a8dea4d34333ee"><img src="../../../basics/customization/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> protocol 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>
 <h2 id="change-the-menu-width">Change th' Menu Width</h2>
@@ -383,12 +383,12 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -551,13 +551,13 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index f0284fe507..61f96a9cc2 100644
--- a/pir/basics/customization/index.print.html
+++ b/pir/basics/customization/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -118,8 +118,8 @@
 <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>hugo.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-cd9f6134a846e4a4efd5ca5f077a5001" class="lightbox-link"><img src="../../../basics/customization/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-cd9f6134a846e4a4efd5ca5f077a5001"><img src="../../../basics/customization/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-92fac884e10e197bb30e248b408febb7" class="lightbox-link"><img src="../../../basics/customization/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-92fac884e10e197bb30e248b408febb7"><img src="../../../basics/customization/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>
@@ -160,8 +160,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
 </span></span><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; Arrr! Homme&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n 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-817a10aa5b308e3ee88d1123cf816fbf" class="lightbox-link"><img src="../../../basics/customization/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-817a10aa5b308e3ee88d1123cf816fbf"><img src="../../../basics/customization/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-3a27a5ca8cb6e39689a8dea4d34333ee" class="lightbox-link"><img src="../../../basics/customization/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-3a27a5ca8cb6e39689a8dea4d34333ee"><img src="../../../basics/customization/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> protocol 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>
 <h2 id="change-the-menu-width">Change th' Menu Width</h2>
@@ -262,8 +262,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index d95ca3f22b..668071edbd 100644
--- a/pir/basics/generator/index.html
+++ b/pir/basics/generator/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -117,13 +117,13 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-8ffa33a9213d51544d98b775c0c118ea" aria-controls="R-expandcontent-8ffa33a9213d51544d98b775c0c118ea" >
-    <label class="expand-label" for="R-expand-8ffa33a9213d51544d98b775c0c118ea" >
+    <input type="checkbox" id="R-expand-efad1b0923da3481d6bb18e2b3ad5c04" aria-controls="R-expandcontent-efad1b0923da3481d6bb18e2b3ad5c04" >
+    <label class="expand-label" for="R-expand-efad1b0923da3481d6bb18e2b3ad5c04" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-8ffa33a9213d51544d98b775c0c118ea" class="expand-content">
+    <div id="R-expandcontent-efad1b0923da3481d6bb18e2b3ad5c04" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant selector '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>
@@ -134,11 +134,11 @@
 <p>Eg. if yer new variants file be named <code>theme-my-custom-variant.css</code>, ye have t' set <code>themeVariant='my-custom-variant'</code> t' use it.</p>
 </div>
 </div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <div id="R-vargenerator" class="mermaid zoomable" style="background-color: var(--INTERNAL-MAIN-TEXT-color);">Graph</div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <script>
 window.variants && variants.generator( '#R-vargenerator' );
 </script>
@@ -238,12 +238,12 @@ window.variants && variants.generator( '#R-vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -406,27 +406,27 @@ window.variants && variants.generator( '#R-vargenerator' );
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1701783964" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1701783964" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1701783964" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1701783964" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1701783964" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1701783964" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1701783964" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1701783964" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1701783964" defer></script>
-    <script src="../../../js/js-yaml.min.js?1701783964" defer></script>
-    <script src="../../../js/mermaid.min.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1701789221" defer></script>
+    <script src="../../../js/js-yaml.min.js?1701789221" defer></script>
+    <script src="../../../js/mermaid.min.js?1701789221" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index 12d98903a8..b8e2f72135 100644
--- a/pir/basics/generator/index.print.html
+++ b/pir/basics/generator/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-8ffa33a9213d51544d98b775c0c118ea" aria-controls="R-expandcontent-8ffa33a9213d51544d98b775c0c118ea" >
-    <label class="expand-label" for="R-expand-8ffa33a9213d51544d98b775c0c118ea" >
+    <input type="checkbox" id="R-expand-efad1b0923da3481d6bb18e2b3ad5c04" aria-controls="R-expandcontent-efad1b0923da3481d6bb18e2b3ad5c04" >
+    <label class="expand-label" for="R-expand-efad1b0923da3481d6bb18e2b3ad5c04" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-8ffa33a9213d51544d98b775c0c118ea" class="expand-content">
+    <div id="R-expandcontent-efad1b0923da3481d6bb18e2b3ad5c04" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant selector '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>
@@ -113,11 +113,11 @@
 <p>Eg. if yer new variants file be named <code>theme-my-custom-variant.css</code>, ye have t' set <code>themeVariant='my-custom-variant'</code> t' use it.</p>
 </div>
 </div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <div id="R-vargenerator" class="mermaid zoomable" style="background-color: var(--INTERNAL-MAIN-TEXT-color);">Graph</div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <script>
 window.variants && variants.generator( '#R-vargenerator' );
 </script>
@@ -136,22 +136,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1701783965" defer></script>
-    <script src="../../../js/js-yaml.min.js?1701783965" defer></script>
-    <script src="../../../js/mermaid.min.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1701789223" defer></script>
+    <script src="../../../js/js-yaml.min.js?1701789223" defer></script>
+    <script src="../../../js/mermaid.min.js?1701789223" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 32096f9b02..4822bd08dd 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2238,12 +2238,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2406,13 +2406,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index 42db1f845c..185e7ef9d9 100644
--- a/pir/basics/history/index.print.html
+++ b/pir/basics/history/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1427,8 +1427,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index e9f167437c..25a8861897 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -205,12 +205,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783963" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../js/search.js?1701783963" defer></script>
+        <script src="../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../js/search.js?1701789221" 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?1701783963"></script>
+          <script async src="../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../js/theme.js?1701783963" defer></script>
+    <script src="../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index 82e1d749f4..000324a7d2 100644
--- a/pir/basics/index.print.html
+++ b/pir/basics/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../js/url.js?1701783965"></script>
-    <script src="../../js/variant.js?1701783965"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../js/url.js?1701789223"></script>
+    <script src="../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1070,8 +1070,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-f60942c34a684580218597f8fa845cb8" 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-f60942c34a684580218597f8fa845cb8"><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-fadd585daf5c0cc0f1774b007a4803a9" 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-fadd585daf5c0cc0f1774b007a4803a9"><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>
@@ -1120,13 +1120,13 @@
 <p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p>
 
   
-<div class="tab-panel" data-tab-group="2daef72dbb10eb5ad48e8a476d40f539">
+<div class="tab-panel" data-tab-group="8994ca9e07b40a6a154df427401a5366">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('2daef72dbb10eb5ad48e8a476d40f539','hugotoml')"
+      onclick="switchTab('8994ca9e07b40a6a154df427401a5366','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1590,13 +1590,13 @@
 <p>Set th' <code>themeVariant</code> value t' th' name o' yer theme file. That&rsquo;s it! Yer ship will be displayed 'n this variant only.</p>
 
   
-<div class="tab-panel" data-tab-group="b88b2a6ceb8371ca6d940bcfd88cbbd1">
+<div class="tab-panel" data-tab-group="6aae842f4e9571fdfe4c05787d4e0371">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('b88b2a6ceb8371ca6d940bcfd88cbbd1','hugotoml')"
+      onclick="switchTab('6aae842f4e9571fdfe4c05787d4e0371','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1624,13 +1624,13 @@
 <p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="a2a8fd5349442ab7ef9c8002156dec2b">
+<div class="tab-panel" data-tab-group="5df7efd33c469a440321be486e79ec86">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('a2a8fd5349442ab7ef9c8002156dec2b','hugotoml')"
+      onclick="switchTab('5df7efd33c469a440321be486e79ec86','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1659,13 +1659,13 @@
 <p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option&rsquo;s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
 
   
-<div class="tab-panel" data-tab-group="61a5760be1f401ae17c6c3b79f5bd019">
+<div class="tab-panel" data-tab-group="104f57ebc04f6a2fd2952b201b17df36">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('61a5760be1f401ae17c6c3b79f5bd019','hugotoml')"
+      onclick="switchTab('104f57ebc04f6a2fd2952b201b17df36','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1685,13 +1685,13 @@
 <p>If ye don&rsquo;t like that behavior, ye can explicitly set <code>themeVariantAuto</code>. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode.</p>
 
   
-<div class="tab-panel" data-tab-group="1faa03352c92d66f03aa7b316105353c">
+<div class="tab-panel" data-tab-group="38c93648168af39e26bad9a5f8b0336e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('1faa03352c92d66f03aa7b316105353c','hugotoml')"
+      onclick="switchTab('38c93648168af39e26bad9a5f8b0336e','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1713,13 +1713,13 @@
 <p>If ye need t' change this default behavior, create a new file <code>layouts/partials/favicon.html</code> 'n yer site&rsquo;s directory an' write someth'n like this:</p>
 
   
-<div class="tab-panel" data-tab-group="3f37922b6cc0c15e79bc96f23f697873">
+<div class="tab-panel" data-tab-group="8d0ed3eae86cfd77fe4bf6b8d8425006">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="layoutspartialsfaviconhtml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('3f37922b6cc0c15e79bc96f23f697873','layoutspartialsfaviconhtml')"
+      onclick="switchTab('8d0ed3eae86cfd77fe4bf6b8d8425006','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -1753,13 +1753,13 @@
 <p>Again, 'n this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="cc4e2624aa5e273610c806cb38967687">
+<div class="tab-panel" data-tab-group="cf6919d08497086f1da8f7639d982dd7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('cc4e2624aa5e273610c806cb38967687','hugotoml')"
+      onclick="switchTab('cf6919d08497086f1da8f7639d982dd7','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1777,13 +1777,13 @@
 </div><p>ye now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="c866b78f25478d85c02c22826ce33f48">
+<div class="tab-panel" data-tab-group="d6506cf19d492ac6ce016214ef54f9f0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('c866b78f25478d85c02c22826ce33f48','hugotoml')"
+      onclick="switchTab('d6506cf19d492ac6ce016214ef54f9f0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1832,13 +1832,13 @@
 <h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
 
   
-<div class="tab-panel" data-tab-group="731142ee8f34fd188abbf0c2b8c0b9cf">
+<div class="tab-panel" data-tab-group="d8a5b864e548b12b783df42bac7c618b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('731142ee8f34fd188abbf0c2b8c0b9cf','hugotoml')"
+      onclick="switchTab('d8a5b864e548b12b783df42bac7c618b','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1883,13 +1883,13 @@
 <p>For example, ye want t' use th' <code>relearn-light</code> variant but want t' change th' rules highlightn'n schema t' th' one used 'n th' <code>neon</code> variant. For that, create a new <code>static/css/theme-my-brand'n.css</code> 'n yer site&rsquo;s directory an' add th' follow'n lines:</p>
 
   
-<div class="tab-panel" data-tab-group="ea17fc3ac7a11b4a01ee45e4a8f2f09e">
+<div class="tab-panel" data-tab-group="8ee7a00a8e7683ba69d06f7059a48c7e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="staticcsstheme-my-brandingcss"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('ea17fc3ac7a11b4a01ee45e4a8f2f09e','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('8ee7a00a8e7683ba69d06f7059a48c7e','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-brand'n.css</span>
     </button>
@@ -1912,13 +1912,13 @@
 </div><p>Afterwards put this 'n yer <code>hugo.toml</code> t' use yer new variant:</p>
 
   
-<div class="tab-panel" data-tab-group="78a70b5775498e59db477a17b4d36253">
+<div class="tab-panel" data-tab-group="3342666da01921ef8cc5550db53a11a1">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('78a70b5775498e59db477a17b4d36253','hugotoml')"
+      onclick="switchTab('3342666da01921ef8cc5550db53a11a1','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1980,8 +1980,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>hugo.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-cd9f6134a846e4a4efd5ca5f077a5001" class="lightbox-link"><img src="../../basics/customization/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-cd9f6134a846e4a4efd5ca5f077a5001"><img src="../../basics/customization/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-92fac884e10e197bb30e248b408febb7" class="lightbox-link"><img src="../../basics/customization/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-92fac884e10e197bb30e248b408febb7"><img src="../../basics/customization/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>
@@ -2022,8 +2022,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
 </span></span><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; Arrr! Homme&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n 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-817a10aa5b308e3ee88d1123cf816fbf" class="lightbox-link"><img src="../../basics/customization/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-817a10aa5b308e3ee88d1123cf816fbf"><img src="../../basics/customization/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-3a27a5ca8cb6e39689a8dea4d34333ee" class="lightbox-link"><img src="../../basics/customization/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-3a27a5ca8cb6e39689a8dea4d34333ee"><img src="../../basics/customization/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> protocol 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>
 <h2 id="change-the-menu-width">Change th' Menu Width</h2>
@@ -2130,13 +2130,13 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-8ffa33a9213d51544d98b775c0c118ea" aria-controls="R-expandcontent-8ffa33a9213d51544d98b775c0c118ea" >
-    <label class="expand-label" for="R-expand-8ffa33a9213d51544d98b775c0c118ea" >
+    <input type="checkbox" id="R-expand-efad1b0923da3481d6bb18e2b3ad5c04" aria-controls="R-expandcontent-efad1b0923da3481d6bb18e2b3ad5c04" >
+    <label class="expand-label" for="R-expand-efad1b0923da3481d6bb18e2b3ad5c04" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-8ffa33a9213d51544d98b775c0c118ea" class="expand-content">
+    <div id="R-expandcontent-efad1b0923da3481d6bb18e2b3ad5c04" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant selector '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>
@@ -2147,11 +2147,11 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
 <p>Eg. if yer new variants file be named <code>theme-my-custom-variant.css</code>, ye have t' set <code>themeVariant='my-custom-variant'</code> t' use it.</p>
 </div>
 </div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <div id="R-vargenerator" class="mermaid zoomable" style="background-color: var(--INTERNAL-MAIN-TEXT-color);">Graph</div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <script>
 window.variants && variants.generator( '#R-vargenerator' );
 </script>
@@ -2174,8 +2174,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-3b6ec9b0e47644657de77dce6be64b84" 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-3b6ec9b0e47644657de77dce6be64b84"><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-5d6f376a87f3e61bd191bda051576e12" 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-5d6f376a87f3e61bd191bda051576e12"><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">
@@ -2187,8 +2187,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-1a290d22304b2b344558741a96c093ef" 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-1a290d22304b2b344558741a96c093ef"><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-2623a1f19ecde167970caf20b13035ae" 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-2623a1f19ecde167970caf20b13035ae"><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>
@@ -3801,22 +3801,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1701783965" defer></script>
-    <script src="../../js/js-yaml.min.js?1701783965" defer></script>
-    <script src="../../js/mermaid.min.js?1701783965" defer></script>
+    <script src="../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1701789223" defer></script>
+    <script src="../../js/js-yaml.min.js?1701789223" defer></script>
+    <script src="../../js/mermaid.min.js?1701789223" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1701783965" defer></script>
+    <script src="../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 3288a66c30..6791f31883 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -160,8 +160,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-f60942c34a684580218597f8fa845cb8" 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-f60942c34a684580218597f8fa845cb8"><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-fadd585daf5c0cc0f1774b007a4803a9" 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-fadd585daf5c0cc0f1774b007a4803a9"><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>
@@ -279,12 +279,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -447,13 +447,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index 76de6c564d..5c8dfc3080 100644
--- a/pir/basics/installation/index.print.html
+++ b/pir/basics/installation/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-f60942c34a684580218597f8fa845cb8" 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-f60942c34a684580218597f8fa845cb8"><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-fadd585daf5c0cc0f1774b007a4803a9" 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-fadd585daf5c0cc0f1774b007a4803a9"><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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index 713d3c99f9..ce33f96b18 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1148,12 +1148,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1316,13 +1316,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index c3caaf8a66..370b7b4d34 100644
--- a/pir/basics/migration/index.print.html
+++ b/pir/basics/migration/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -996,8 +996,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index c067fe0446..f961007c54 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" 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?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index f6ed99b475..c9228a13c3 100644
--- a/pir/basics/requirements/index.print.html
+++ b/pir/basics/requirements/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -115,8 +115,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/basics/topbar/index.html b/pir/basics/topbar/index.html
index 1ba88ad41a..070fd633f3 100644
--- a/pir/basics/topbar/index.html
+++ b/pir/basics/topbar/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -136,8 +136,8 @@
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-3b6ec9b0e47644657de77dce6be64b84" 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-3b6ec9b0e47644657de77dce6be64b84"><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-5d6f376a87f3e61bd191bda051576e12" 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-5d6f376a87f3e61bd191bda051576e12"><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">
@@ -149,8 +149,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-1a290d22304b2b344558741a96c093ef" 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-1a290d22304b2b344558741a96c093ef"><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-2623a1f19ecde167970caf20b13035ae" 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-2623a1f19ecde167970caf20b13035ae"><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>
@@ -506,12 +506,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -674,13 +674,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/basics/topbar/index.print.html b/pir/basics/topbar/index.print.html
index f3ee8dbcaa..5d202c1c89 100644
--- a/pir/basics/topbar/index.print.html
+++ b/pir/basics/topbar/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-3b6ec9b0e47644657de77dce6be64b84" 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-3b6ec9b0e47644657de77dce6be64b84"><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-5d6f376a87f3e61bd191bda051576e12" 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-5d6f376a87f3e61bd191bda051576e12"><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-1a290d22304b2b344558741a96c093ef" 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-1a290d22304b2b344558741a96c093ef"><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-2623a1f19ecde167970caf20b13035ae" 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-2623a1f19ecde167970caf20b13035ae"><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>
@@ -383,8 +383,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/categories/basic/index.html b/pir/categories/basic/index.html
index e8bab52264..c9c7c0424b 100644
--- a/pir/categories/basic/index.html
+++ b/pir/categories/basic/index.html
@@ -22,21 +22,21 @@
     <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="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/categories/content/index.html b/pir/categories/content/index.html
index 0a41ac8967..5226b8557e 100644
--- a/pir/categories/content/index.html
+++ b/pir/categories/content/index.html
@@ -22,21 +22,21 @@
     <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="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/categories/custom/index.html b/pir/categories/custom/index.html
index c4701617f3..6f28edcf89 100644
--- a/pir/categories/custom/index.html
+++ b/pir/categories/custom/index.html
@@ -22,21 +22,21 @@
     <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="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index b063a50442..0fcb0c89fa 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../pir/categories/index.xml" rel="alternate" type="application/rss+xml" title="Categories :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -215,12 +215,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783965" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../js/search.js?1701783965" defer></script>
+        <script src="../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../js/theme.js?1701783965" defer></script>
+    <script src="../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/categories/taxonomy/index.html b/pir/categories/taxonomy/index.html
index b8b1f44415..dd8c072e0b 100644
--- a/pir/categories/taxonomy/index.html
+++ b/pir/categories/taxonomy/index.html
@@ -22,21 +22,21 @@
     <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="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/categories/theming/index.html b/pir/categories/theming/index.html
index f23b0175eb..ddb407c81d 100644
--- a/pir/categories/theming/index.html
+++ b/pir/categories/theming/index.html
@@ -22,21 +22,21 @@
     <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="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -377,13 +377,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 260ab86640..2b2bae6c0e 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -136,8 +136,8 @@
 <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-6848717d851007e553f919c9bf040fb5" 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-6848717d851007e553f919c9bf040fb5"><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-226c61f8cd992d4b7895b3e1d298cec1" 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-226c61f8cd992d4b7895b3e1d298cec1"><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">+++
@@ -147,8 +147,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-96767c271b7919e051a13f02f80f75e9" 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-96767c271b7919e051a13f02f80f75e9"><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-fb696da1565982e29e59c515ca05e0fe" 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-fb696da1565982e29e59c515ca05e0fe"><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">+++
@@ -160,8 +160,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-1a92c5ceabd4ae322b5f7f301d6c3ef6" 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-1a92c5ceabd4ae322b5f7f301d6c3ef6"><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-32155816796cd0f06bf046edb4609fa7" 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-32155816796cd0f06bf046edb4609fa7"><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>
@@ -294,12 +294,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -462,13 +462,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index 09eb96c103..d87e8a4857 100644
--- a/pir/cont/archetypes/index.print.html
+++ b/pir/cont/archetypes/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-6848717d851007e553f919c9bf040fb5" 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-6848717d851007e553f919c9bf040fb5"><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-226c61f8cd992d4b7895b3e1d298cec1" 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-226c61f8cd992d4b7895b3e1d298cec1"><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-96767c271b7919e051a13f02f80f75e9" 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-96767c271b7919e051a13f02f80f75e9"><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-fb696da1565982e29e59c515ca05e0fe" 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-fb696da1565982e29e59c515ca05e0fe"><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-1a92c5ceabd4ae322b5f7f301d6c3ef6" 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-1a92c5ceabd4ae322b5f7f301d6c3ef6"><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-32155816796cd0f06bf046edb4609fa7" 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-32155816796cd0f06bf046edb4609fa7"><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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/cont/frontmatter/index.html b/pir/cont/frontmatter/index.html
index ed9bc8ff0c..56a6d27d99 100644
--- a/pir/cont/frontmatter/index.html
+++ b/pir/cont/frontmatter/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/frontmatter/index.html" rel="alternate" hreflang="art-pir">
     <link href="../../../pir/cont/frontmatter/index.xml" rel="alternate" type="application/rss+xml" title="Frrrontmatter :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/frontmatter/index.print.html" rel="alternate" type="text/html" title="Frrrontmatter :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -388,8 +388,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-767ceba5dc825737675e5c8b146a4f27" class="lightbox-link"><img src="../../../cont/frontmatter/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-767ceba5dc825737675e5c8b146a4f27"><img src="../../../cont/frontmatter/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-f781a1a6f352fa638c60aed2c73ddbe4" class="lightbox-link"><img src="../../../cont/frontmatter/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-f781a1a6f352fa638c60aed2c73ddbe4"><img src="../../../cont/frontmatter/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>
@@ -514,12 +514,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?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -682,13 +682,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?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/cont/frontmatter/index.print.html b/pir/cont/frontmatter/index.print.html
index 265a2f2029..8d2ca2743f 100644
--- a/pir/cont/frontmatter/index.print.html
+++ b/pir/cont/frontmatter/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/frontmatter/index.html" rel="alternate" hreflang="art-pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/frontmatter/index.html" rel="canonical" type="text/html" title="Frrrontmatter :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/frontmatter/index.xml" rel="alternate" type="application/rss+xml" title="Frrrontmatter :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +354,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-767ceba5dc825737675e5c8b146a4f27" class="lightbox-link"><img src="../../../cont/frontmatter/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-767ceba5dc825737675e5c8b146a4f27"><img src="../../../cont/frontmatter/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-f781a1a6f352fa638c60aed2c73ddbe4" class="lightbox-link"><img src="../../../cont/frontmatter/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-f781a1a6f352fa638c60aed2c73ddbe4"><img src="../../../cont/frontmatter/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>
@@ -399,8 +399,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 5abdf896ad..bfdd80b4b4 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -133,8 +133,8 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-523167a88bfdb1bc7faf5dd51c8005ec" 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-523167a88bfdb1bc7faf5dd51c8005ec"><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-d6bda5f025c776370c31e04dc1385d54" 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-d6bda5f025c776370c31e04dc1385d54"><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>hugo.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -316,12 +316,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?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -484,13 +484,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?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index 08c7fb549b..9c209cf829 100644
--- a/pir/cont/i18n/index.print.html
+++ b/pir/cont/i18n/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-523167a88bfdb1bc7faf5dd51c8005ec" 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-523167a88bfdb1bc7faf5dd51c8005ec"><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-d6bda5f025c776370c31e04dc1385d54" 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-d6bda5f025c776370c31e04dc1385d54"><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>hugo.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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.html b/pir/cont/imageeffects/index.html
index 76df7428a3..3407a4e1b0 100644
--- a/pir/cont/imageeffects/index.html
+++ b/pir/cont/imageeffects/index.html
@@ -32,21 +32,21 @@ Without any sett&#39;ns &#39;n yer hugo.toml this defaults t&#39;">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@ Without any sett&#39;ns &#39;n yer hugo.toml this defaults t&#39;">
 <p>Without any sett'ns 'n yer <code>hugo.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="e1ed522614b34ca01da5cf231338136a">
+<div class="tab-panel" data-tab-group="1b7a34a22c60adbfd934046640752fb3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('e1ed522614b34ca01da5cf231338136a','hugotoml')"
+      onclick="switchTab('1b7a34a22c60adbfd934046640752fb3','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -162,13 +162,13 @@ Without any sett&#39;ns &#39;n yer hugo.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="3610e7921867d61a958a34a8731deb01">
+<div class="tab-panel" data-tab-group="40d011ce2b2aeaed175e2332337e679d">
   <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" tabindex="-1"
-      onclick="switchTab('3610e7921867d61a958a34a8731deb01','frontmatter')"
+      onclick="switchTab('40d011ce2b2aeaed175e2332337e679d','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -188,13 +188,13 @@ Without any sett&#39;ns &#39;n yer hugo.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="7e02c2b14d9c0f4513e7992e1241959f">
+<div class="tab-panel" data-tab-group="96e51656177c4224ab81f728a239b1fa">
   <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" tabindex="-1"
-      onclick="switchTab('7e02c2b14d9c0f4513e7992e1241959f','url')"
+      onclick="switchTab('96e51656177c4224ab81f728a239b1fa','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -211,13 +211,13 @@ Without any sett&#39;ns &#39;n yer hugo.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="e59d4185d7d7f9785c50eaba795852a6">
+<div class="tab-panel" data-tab-group="e833c1cacad818ca518cc9de2a4a54fb">
   <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" tabindex="-1"
-      onclick="switchTab('e59d4185d7d7f9785c50eaba795852a6','result')"
+      onclick="switchTab('e833c1cacad818ca518cc9de2a4a54fb','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -237,13 +237,13 @@ Without any sett&#39;ns &#39;n yer hugo.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="d8d9e340f40b600eb067d00773426508">
+<div class="tab-panel" data-tab-group="2effe4090152e2066d71685212b80de0">
   <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" tabindex="-1"
-      onclick="switchTab('d8d9e340f40b600eb067d00773426508','html')"
+      onclick="switchTab('2effe4090152e2066d71685212b80de0','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -357,12 +357,12 @@ Without any sett&#39;ns &#39;n yer hugo.toml this defaults t&#39;">
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../js/search.js?1701783962" defer></script>
+        <script src="../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -525,13 +525,13 @@ Without any sett&#39;ns &#39;n yer hugo.toml this defaults t&#39;">
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.print.html b/pir/cont/imageeffects/index.print.html
index bd9bc43932..ed782e3d4b 100644
--- a/pir/cont/imageeffects/index.print.html
+++ b/pir/cont/imageeffects/index.print.html
@@ -32,22 +32,22 @@ Without any sett&#39;ns &#39;n yer hugo.toml this defaults t&#39;">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 hugo.toml this defaults t&#39;">
 <p>Without any sett'ns 'n yer <code>hugo.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="e1ed522614b34ca01da5cf231338136a">
+<div class="tab-panel" data-tab-group="1b7a34a22c60adbfd934046640752fb3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('e1ed522614b34ca01da5cf231338136a','hugotoml')"
+      onclick="switchTab('1b7a34a22c60adbfd934046640752fb3','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -136,13 +136,13 @@ Without any sett&#39;ns &#39;n yer hugo.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="3610e7921867d61a958a34a8731deb01">
+<div class="tab-panel" data-tab-group="40d011ce2b2aeaed175e2332337e679d">
   <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" tabindex="-1"
-      onclick="switchTab('3610e7921867d61a958a34a8731deb01','frontmatter')"
+      onclick="switchTab('40d011ce2b2aeaed175e2332337e679d','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -162,13 +162,13 @@ Without any sett&#39;ns &#39;n yer hugo.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="7e02c2b14d9c0f4513e7992e1241959f">
+<div class="tab-panel" data-tab-group="96e51656177c4224ab81f728a239b1fa">
   <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" tabindex="-1"
-      onclick="switchTab('7e02c2b14d9c0f4513e7992e1241959f','url')"
+      onclick="switchTab('96e51656177c4224ab81f728a239b1fa','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -185,13 +185,13 @@ Without any sett&#39;ns &#39;n yer hugo.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="e59d4185d7d7f9785c50eaba795852a6">
+<div class="tab-panel" data-tab-group="e833c1cacad818ca518cc9de2a4a54fb">
   <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" tabindex="-1"
-      onclick="switchTab('e59d4185d7d7f9785c50eaba795852a6','result')"
+      onclick="switchTab('e833c1cacad818ca518cc9de2a4a54fb','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -211,13 +211,13 @@ Without any sett&#39;ns &#39;n yer hugo.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="d8d9e340f40b600eb067d00773426508">
+<div class="tab-panel" data-tab-group="2effe4090152e2066d71685212b80de0">
   <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" tabindex="-1"
-      onclick="switchTab('d8d9e340f40b600eb067d00773426508','html')"
+      onclick="switchTab('2effe4090152e2066d71685212b80de0','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -250,8 +250,8 @@ Without any sett&#39;ns &#39;n yer hugo.toml this defaults t&#39;">
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index aafba523ab..7097f4159a 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -205,12 +205,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../js/search.js?1701783964" defer></script>
+        <script src="../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../js/search.js?1701789222" 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?1701783964"></script>
+          <script async src="../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../js/theme.js?1701783964" defer></script>
+    <script src="../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index 7ecf0c50fe..f0bdf801ac 100644
--- a/pir/cont/index.print.html
+++ b/pir/cont/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../js/url.js?1701783965"></script>
-    <script src="../../js/variant.js?1701783965"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../js/url.js?1701789223"></script>
+    <script src="../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -418,8 +418,8 @@
 <div 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-767ceba5dc825737675e5c8b146a4f27" class="lightbox-link"><img src="../../cont/frontmatter/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-767ceba5dc825737675e5c8b146a4f27"><img src="../../cont/frontmatter/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-f781a1a6f352fa638c60aed2c73ddbe4" class="lightbox-link"><img src="../../cont/frontmatter/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-f781a1a6f352fa638c60aed2c73ddbe4"><img src="../../cont/frontmatter/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>
@@ -471,8 +471,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-6848717d851007e553f919c9bf040fb5" 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-6848717d851007e553f919c9bf040fb5"><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-226c61f8cd992d4b7895b3e1d298cec1" 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-226c61f8cd992d4b7895b3e1d298cec1"><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">+++
@@ -482,8 +482,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-96767c271b7919e051a13f02f80f75e9" 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-96767c271b7919e051a13f02f80f75e9"><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-fb696da1565982e29e59c515ca05e0fe" 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-fb696da1565982e29e59c515ca05e0fe"><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">+++
@@ -495,8 +495,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-1a92c5ceabd4ae322b5f7f301d6c3ef6" 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-1a92c5ceabd4ae322b5f7f301d6c3ef6"><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-32155816796cd0f06bf046edb4609fa7" 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-32155816796cd0f06bf046edb4609fa7"><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>
@@ -1070,8 +1070,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-f0d4ea882f05677e552650eeda7799ed" 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-f0d4ea882f05677e552650eeda7799ed"><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-b441bd59b1a01cf24c73e2f473fd016c" 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-b441bd59b1a01cf24c73e2f473fd016c"><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>
@@ -1081,8 +1081,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-d5180424184e4068b4d0031121a7c4e7" 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-d5180424184e4068b4d0031121a7c4e7"><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-d21590d5a25b836edbb27fd2154ecda7" 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-d21590d5a25b836edbb27fd2154ecda7"><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>
@@ -1094,8 +1094,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-c53bbcbc5dabb0e340174c1bf75d3524" 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-c53bbcbc5dabb0e340174c1bf75d3524"><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-cdb0726b695bacda6281dc543eb4d45a" 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-cdb0726b695bacda6281dc543eb4d45a"><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>
@@ -1107,8 +1107,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-ae8147fdf399fcbe6fd4998efdac23f2" 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-ae8147fdf399fcbe6fd4998efdac23f2"><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-c803a74c75b71f80d256acdc665af653" 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-c803a74c75b71f80d256acdc665af653"><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>
@@ -1116,8 +1116,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-b08790c5cad9add88922a90a988e4758" 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-b08790c5cad9add88922a90a988e4758"><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-a8ea2bb7ea03c96ba8f33f9b5e4e9599" 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-a8ea2bb7ea03c96ba8f33f9b5e4e9599"><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>
@@ -1125,8 +1125,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-cd98f3e198baa819b01cfb53839b8c92" 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-cd98f3e198baa819b01cfb53839b8c92"><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-9ea1f7998044cbf2de22f114328092ce" 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-9ea1f7998044cbf2de22f114328092ce"><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>
@@ -1137,8 +1137,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-af0fb38dff1258d8e7b0cc7bc0898cf6" 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-af0fb38dff1258d8e7b0cc7bc0898cf6"><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-a47f06ef774b3c31572d6b761ecb00a7" 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-a47f06ef774b3c31572d6b761ecb00a7"><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>
@@ -1147,8 +1147,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-b12a837db23798730187da183de200ca" 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-b12a837db23798730187da183de200ca"><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-4b10ce96bdf18051e15f0f80c5140a95" 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-4b10ce96bdf18051e15f0f80c5140a95"><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>
@@ -1157,8 +1157,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-6b1c9dc112624db78ed44ee66a865ea9" 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-6b1c9dc112624db78ed44ee66a865ea9"><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-05d2fa5fe36b7b1d9bcbe1bcb5d93e7d" 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-05d2fa5fe36b7b1d9bcbe1bcb5d93e7d"><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>
@@ -1167,8 +1167,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-1fb37f9ca7cd3b44c0cb32a4830f4526" 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-1fb37f9ca7cd3b44c0cb32a4830f4526"><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-6d24492d06a775370412e9dc6b85f50b" 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-6d24492d06a775370412e9dc6b85f50b"><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>
@@ -1180,14 +1180,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-38e574ad5974e7fd43e9520131fbc76d" 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-38e574ad5974e7fd43e9520131fbc76d"><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-99946880b0cbf406265522aabb070d4a" 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-99946880b0cbf406265522aabb070d4a"><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-28d6a8433fd282ab90ebd2bf5790bc0c" 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-28d6a8433fd282ab90ebd2bf5790bc0c"><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-e15907f59dc1b405b317efb3bc41f47d" 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-e15907f59dc1b405b317efb3bc41f47d"><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-905080f6f317b9de341715319977faf8" 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-905080f6f317b9de341715319977faf8"><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-34633bb71cce41b8b33e0d614eec0a20" 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-34633bb71cce41b8b33e0d614eec0a20"><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-b2cd7740dcf00c10ceb82a505ee4e319" 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-b2cd7740dcf00c10ceb82a505ee4e319"><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-1fd91c709912bb97c3170235aa0e2fce" 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-1fd91c709912bb97c3170235aa0e2fce"><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>
@@ -1196,8 +1196,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-0f51034e6861a2bdca948e9412188878" 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-0f51034e6861a2bdca948e9412188878"><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-8322943f99603a11a09dc504a785a3bb" 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-8322943f99603a11a09dc504a785a3bb"><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>
@@ -1238,13 +1238,13 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>hugo.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="e1ed522614b34ca01da5cf231338136a">
+<div class="tab-panel" data-tab-group="1b7a34a22c60adbfd934046640752fb3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('e1ed522614b34ca01da5cf231338136a','hugotoml')"
+      onclick="switchTab('1b7a34a22c60adbfd934046640752fb3','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1265,13 +1265,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="3610e7921867d61a958a34a8731deb01">
+<div class="tab-panel" data-tab-group="40d011ce2b2aeaed175e2332337e679d">
   <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" tabindex="-1"
-      onclick="switchTab('3610e7921867d61a958a34a8731deb01','frontmatter')"
+      onclick="switchTab('40d011ce2b2aeaed175e2332337e679d','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -1291,13 +1291,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="7e02c2b14d9c0f4513e7992e1241959f">
+<div class="tab-panel" data-tab-group="96e51656177c4224ab81f728a239b1fa">
   <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" tabindex="-1"
-      onclick="switchTab('7e02c2b14d9c0f4513e7992e1241959f','url')"
+      onclick="switchTab('96e51656177c4224ab81f728a239b1fa','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -1314,13 +1314,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="e59d4185d7d7f9785c50eaba795852a6">
+<div class="tab-panel" data-tab-group="e833c1cacad818ca518cc9de2a4a54fb">
   <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" tabindex="-1"
-      onclick="switchTab('e59d4185d7d7f9785c50eaba795852a6','result')"
+      onclick="switchTab('e833c1cacad818ca518cc9de2a4a54fb','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -1340,13 +1340,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="d8d9e340f40b600eb067d00773426508">
+<div class="tab-panel" data-tab-group="2effe4090152e2066d71685212b80de0">
   <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" tabindex="-1"
-      onclick="switchTab('d8d9e340f40b600eb067d00773426508','html')"
+      onclick="switchTab('2effe4090152e2066d71685212b80de0','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -1525,8 +1525,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-523167a88bfdb1bc7faf5dd51c8005ec" 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-523167a88bfdb1bc7faf5dd51c8005ec"><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-d6bda5f025c776370c31e04dc1385d54" 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-d6bda5f025c776370c31e04dc1385d54"><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>hugo.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -1719,8 +1719,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../js/theme.js?1701783965" defer></script>
+    <script src="../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index 9c7fd452e4..f364994417 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -30,21 +30,21 @@ Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -693,8 +693,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-f0d4ea882f05677e552650eeda7799ed" 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-f0d4ea882f05677e552650eeda7799ed"><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-b441bd59b1a01cf24c73e2f473fd016c" 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-b441bd59b1a01cf24c73e2f473fd016c"><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>
@@ -704,8 +704,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-d5180424184e4068b4d0031121a7c4e7" 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-d5180424184e4068b4d0031121a7c4e7"><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-d21590d5a25b836edbb27fd2154ecda7" 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-d21590d5a25b836edbb27fd2154ecda7"><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>
@@ -717,8 +717,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-c53bbcbc5dabb0e340174c1bf75d3524" 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-c53bbcbc5dabb0e340174c1bf75d3524"><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-cdb0726b695bacda6281dc543eb4d45a" 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-cdb0726b695bacda6281dc543eb4d45a"><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>
@@ -730,8 +730,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-ae8147fdf399fcbe6fd4998efdac23f2" 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-ae8147fdf399fcbe6fd4998efdac23f2"><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-c803a74c75b71f80d256acdc665af653" 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-c803a74c75b71f80d256acdc665af653"><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>
@@ -739,8 +739,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-b08790c5cad9add88922a90a988e4758" 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-b08790c5cad9add88922a90a988e4758"><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-a8ea2bb7ea03c96ba8f33f9b5e4e9599" 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-a8ea2bb7ea03c96ba8f33f9b5e4e9599"><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>
@@ -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-cd98f3e198baa819b01cfb53839b8c92" 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-cd98f3e198baa819b01cfb53839b8c92"><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-9ea1f7998044cbf2de22f114328092ce" 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-9ea1f7998044cbf2de22f114328092ce"><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>
@@ -760,8 +760,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-af0fb38dff1258d8e7b0cc7bc0898cf6" 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-af0fb38dff1258d8e7b0cc7bc0898cf6"><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-a47f06ef774b3c31572d6b761ecb00a7" 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-a47f06ef774b3c31572d6b761ecb00a7"><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>
@@ -770,8 +770,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-b12a837db23798730187da183de200ca" 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-b12a837db23798730187da183de200ca"><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-4b10ce96bdf18051e15f0f80c5140a95" 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-4b10ce96bdf18051e15f0f80c5140a95"><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>
@@ -780,8 +780,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-6b1c9dc112624db78ed44ee66a865ea9" 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-6b1c9dc112624db78ed44ee66a865ea9"><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-05d2fa5fe36b7b1d9bcbe1bcb5d93e7d" 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-05d2fa5fe36b7b1d9bcbe1bcb5d93e7d"><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>
@@ -790,8 +790,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-1fb37f9ca7cd3b44c0cb32a4830f4526" 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-1fb37f9ca7cd3b44c0cb32a4830f4526"><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-6d24492d06a775370412e9dc6b85f50b" 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-6d24492d06a775370412e9dc6b85f50b"><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>
@@ -803,14 +803,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-38e574ad5974e7fd43e9520131fbc76d" 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-38e574ad5974e7fd43e9520131fbc76d"><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-99946880b0cbf406265522aabb070d4a" 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-99946880b0cbf406265522aabb070d4a"><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-28d6a8433fd282ab90ebd2bf5790bc0c" 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-28d6a8433fd282ab90ebd2bf5790bc0c"><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-e15907f59dc1b405b317efb3bc41f47d" 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-e15907f59dc1b405b317efb3bc41f47d"><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-905080f6f317b9de341715319977faf8" 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-905080f6f317b9de341715319977faf8"><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-34633bb71cce41b8b33e0d614eec0a20" 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-34633bb71cce41b8b33e0d614eec0a20"><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-b2cd7740dcf00c10ceb82a505ee4e319" 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-b2cd7740dcf00c10ceb82a505ee4e319"><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-1fd91c709912bb97c3170235aa0e2fce" 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-1fd91c709912bb97c3170235aa0e2fce"><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>
@@ -819,8 +819,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-0f51034e6861a2bdca948e9412188878" 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-0f51034e6861a2bdca948e9412188878"><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-8322943f99603a11a09dc504a785a3bb" 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-8322943f99603a11a09dc504a785a3bb"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -932,12 +932,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1100,13 +1100,13 @@ line 3 o' code
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index bb5093ca56..dfa04ea76f 100644
--- a/pir/cont/markdown/index.print.html
+++ b/pir/cont/markdown/index.print.html
@@ -30,22 +30,22 @@ Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-f0d4ea882f05677e552650eeda7799ed" 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-f0d4ea882f05677e552650eeda7799ed"><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-b441bd59b1a01cf24c73e2f473fd016c" 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-b441bd59b1a01cf24c73e2f473fd016c"><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-d5180424184e4068b4d0031121a7c4e7" 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-d5180424184e4068b4d0031121a7c4e7"><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-d21590d5a25b836edbb27fd2154ecda7" 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-d21590d5a25b836edbb27fd2154ecda7"><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-c53bbcbc5dabb0e340174c1bf75d3524" 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-c53bbcbc5dabb0e340174c1bf75d3524"><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-cdb0726b695bacda6281dc543eb4d45a" 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-cdb0726b695bacda6281dc543eb4d45a"><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-ae8147fdf399fcbe6fd4998efdac23f2" 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-ae8147fdf399fcbe6fd4998efdac23f2"><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-c803a74c75b71f80d256acdc665af653" 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-c803a74c75b71f80d256acdc665af653"><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-b08790c5cad9add88922a90a988e4758" 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-b08790c5cad9add88922a90a988e4758"><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-a8ea2bb7ea03c96ba8f33f9b5e4e9599" 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-a8ea2bb7ea03c96ba8f33f9b5e4e9599"><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-cd98f3e198baa819b01cfb53839b8c92" 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-cd98f3e198baa819b01cfb53839b8c92"><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-9ea1f7998044cbf2de22f114328092ce" 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-9ea1f7998044cbf2de22f114328092ce"><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-af0fb38dff1258d8e7b0cc7bc0898cf6" 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-af0fb38dff1258d8e7b0cc7bc0898cf6"><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-a47f06ef774b3c31572d6b761ecb00a7" 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-a47f06ef774b3c31572d6b761ecb00a7"><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-b12a837db23798730187da183de200ca" 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-b12a837db23798730187da183de200ca"><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-4b10ce96bdf18051e15f0f80c5140a95" 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-4b10ce96bdf18051e15f0f80c5140a95"><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-6b1c9dc112624db78ed44ee66a865ea9" 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-6b1c9dc112624db78ed44ee66a865ea9"><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-05d2fa5fe36b7b1d9bcbe1bcb5d93e7d" 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-05d2fa5fe36b7b1d9bcbe1bcb5d93e7d"><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-1fb37f9ca7cd3b44c0cb32a4830f4526" 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-1fb37f9ca7cd3b44c0cb32a4830f4526"><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-6d24492d06a775370412e9dc6b85f50b" 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-6d24492d06a775370412e9dc6b85f50b"><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-38e574ad5974e7fd43e9520131fbc76d" 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-38e574ad5974e7fd43e9520131fbc76d"><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-99946880b0cbf406265522aabb070d4a" 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-99946880b0cbf406265522aabb070d4a"><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-28d6a8433fd282ab90ebd2bf5790bc0c" 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-28d6a8433fd282ab90ebd2bf5790bc0c"><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-e15907f59dc1b405b317efb3bc41f47d" 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-e15907f59dc1b405b317efb3bc41f47d"><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-905080f6f317b9de341715319977faf8" 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-905080f6f317b9de341715319977faf8"><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-34633bb71cce41b8b33e0d614eec0a20" 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-34633bb71cce41b8b33e0d614eec0a20"><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-b2cd7740dcf00c10ceb82a505ee4e319" 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-b2cd7740dcf00c10ceb82a505ee4e319"><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-1fd91c709912bb97c3170235aa0e2fce" 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-1fd91c709912bb97c3170235aa0e2fce"><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-0f51034e6861a2bdca948e9412188878" 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-0f51034e6861a2bdca948e9412188878"><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-8322943f99603a11a09dc504a785a3bb" 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-8322943f99603a11a09dc504a785a3bb"><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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index 7c004dafd1..df5545b311 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -30,21 +30,21 @@ Example from th&#39; current website:
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -342,12 +342,12 @@ However, if 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?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../js/search.js?1701783962" defer></script>
+        <script src="../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -510,13 +510,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?1701783962"></script>
+          <script async src="../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index f3414b6b8d..0079649fad 100644
--- a/pir/cont/menushortcuts/index.print.html
+++ b/pir/cont/menushortcuts/index.print.html
@@ -30,22 +30,22 @@ Example from th&#39; current website:
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index e15f5bb3d8..b62fad6dd3 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -247,12 +247,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -415,13 +415,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index 011043da7a..1264b07dfa 100644
--- a/pir/cont/pages/index.print.html
+++ b/pir/cont/pages/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -139,8 +139,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.html b/pir/cont/taxonomy/index.html
index 2227a41b85..3f1dc2c809 100644
--- a/pir/cont/taxonomy/index.html
+++ b/pir/cont/taxonomy/index.html
@@ -30,21 +30,21 @@ Th&#39; categories be displayed at th&#39; bottom o&#39; th&#39; plank &#39;n al
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -302,12 +302,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?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../js/search.js?1701783962" defer></script>
+        <script src="../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -470,13 +470,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?1701783962"></script>
+          <script async src="../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.print.html b/pir/cont/taxonomy/index.print.html
index 109061ff8f..c3b8d6eb0a 100644
--- a/pir/cont/taxonomy/index.print.html
+++ b/pir/cont/taxonomy/index.print.html
@@ -30,22 +30,22 @@ Th&#39; categories be displayed at th&#39; bottom o&#39; th&#39; plank &#39;n al
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index ff876225b1..08d46ecc27 100644
--- a/pir/dev/contributing/index.html
+++ b/pir/dev/contributing/index.html
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -326,12 +326,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -498,13 +498,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index eb8bc00295..fcf106006d 100644
--- a/pir/dev/contributing/index.print.html
+++ b/pir/dev/contributing/index.print.html
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index 70c41cfcd5..a50ff20316 100644
--- a/pir/dev/index.html
+++ b/pir/dev/index.html
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783964" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../js/search.js?1701783964" defer></script>
+        <script src="../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../js/search.js?1701789222" 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?1701783964"></script>
+          <script async src="../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../js/theme.js?1701783964" defer></script>
+    <script src="../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index 6d69b5231c..e1f6987c9f 100644
--- a/pir/dev/index.print.html
+++ b/pir/dev/index.print.html
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../js/url.js?1701783965"></script>
-    <script src="../../js/variant.js?1701783965"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../js/url.js?1701789223"></script>
+    <script src="../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -483,8 +483,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-742fd07d92d80e5b7dd23da71606d3c2" 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-742fd07d92d80e5b7dd23da71606d3c2"><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-5fa50253673a7b3419ad6fb23afce7f6" 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-5fa50253673a7b3419ad6fb23afce7f6"><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>
@@ -513,11 +513,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-cfff7852d062e356faf0941032dbda1b" 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-cfff7852d062e356faf0941032dbda1b"><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-966f63d70a191292efbb6390e4369497" 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-966f63d70a191292efbb6390e4369497"><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-d39768e0682939a3aeb82564168d94c4" 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-d39768e0682939a3aeb82564168d94c4"><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-dd767e0cf9d1d4e1cf7abff42ef664e6" 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-dd767e0cf9d1d4e1cf7abff42ef664e6"><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">
@@ -528,8 +528,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../js/theme.js?1701783965" defer></script>
+    <script src="../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index 97687dbfeb..f833576543 100644
--- a/pir/dev/maintaining/index.html
+++ b/pir/dev/maintaining/index.html
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -417,12 +417,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -589,13 +589,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index 24f14622f5..ea3940c54c 100644
--- a/pir/dev/maintaining/index.print.html
+++ b/pir/dev/maintaining/index.print.html
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -298,8 +298,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index 29f34b499f..bcc28bcdc1 100644
--- a/pir/dev/screenshots/index.html
+++ b/pir/dev/screenshots/index.html
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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-742fd07d92d80e5b7dd23da71606d3c2" 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-742fd07d92d80e5b7dd23da71606d3c2"><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-5fa50253673a7b3419ad6fb23afce7f6" 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-5fa50253673a7b3419ad6fb23afce7f6"><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>
@@ -181,11 +181,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-cfff7852d062e356faf0941032dbda1b" 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-cfff7852d062e356faf0941032dbda1b"><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-966f63d70a191292efbb6390e4369497" 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-966f63d70a191292efbb6390e4369497"><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-d39768e0682939a3aeb82564168d94c4" 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-d39768e0682939a3aeb82564168d94c4"><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-dd767e0cf9d1d4e1cf7abff42ef664e6" 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-dd767e0cf9d1d4e1cf7abff42ef664e6"><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">
@@ -276,12 +276,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -448,13 +448,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index fa66d45f17..007803b71f 100644
--- a/pir/dev/screenshots/index.print.html
+++ b/pir/dev/screenshots/index.print.html
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-742fd07d92d80e5b7dd23da71606d3c2" 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-742fd07d92d80e5b7dd23da71606d3c2"><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-5fa50253673a7b3419ad6fb23afce7f6" 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-5fa50253673a7b3419ad6fb23afce7f6"><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-cfff7852d062e356faf0941032dbda1b" 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-cfff7852d062e356faf0941032dbda1b"><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-966f63d70a191292efbb6390e4369497" 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-966f63d70a191292efbb6390e4369497"><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-d39768e0682939a3aeb82564168d94c4" 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-d39768e0682939a3aeb82564168d94c4"><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-dd767e0cf9d1d4e1cf7abff42ef664e6" 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-dd767e0cf9d1d4e1cf7abff42ef664e6"><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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 0adccbf7f4..d38315a9af 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../js/url.js?1701783962"></script>
-    <script src="../js/variant.js?1701783962"></script>
+    <link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../js/url.js?1701789220"></script>
+    <script src="../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -131,8 +131,8 @@
 </div>
 <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/index.html">★ What&rsquo;s new 'n th' latest release ★</a></p>
-<p><a href="#R-image-fcf6671d2c4598b7ec2257bc9e71e20e" 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-fcf6671d2c4598b7ec2257bc9e71e20e"><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-38b7ec2a11213106f581a49126eb46e3" 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-38b7ec2a11213106f581a49126eb46e3"><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' adapt'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>
@@ -302,12 +302,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701783963" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../js/search.js?1701783963" defer></script>
+        <script src="../js/auto-complete.js?1701789221" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -470,13 +470,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1701783963"></script>
+          <script async src="../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../js/theme.js?1701783963" defer></script>
+    <script src="../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index 704bb97db2..382b796f88 100644
--- a/pir/index.print.html
+++ b/pir/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../js/url.js?1701783965"></script>
-    <script src="../js/variant.js?1701783965"></script>
+    <link href="../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../js/url.js?1701789223"></script>
+    <script src="../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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/index.html">★ What&rsquo;s new 'n th' latest release ★</a></p>
-<p><a href="#R-image-fcf6671d2c4598b7ec2257bc9e71e20e" 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-fcf6671d2c4598b7ec2257bc9e71e20e"><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-38b7ec2a11213106f581a49126eb46e3" 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-38b7ec2a11213106f581a49126eb46e3"><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' adapt'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>
@@ -1173,8 +1173,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-f60942c34a684580218597f8fa845cb8" 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-f60942c34a684580218597f8fa845cb8"><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-fadd585daf5c0cc0f1774b007a4803a9" 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-fadd585daf5c0cc0f1774b007a4803a9"><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>
@@ -1223,13 +1223,13 @@
 <p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p>
 
   
-<div class="tab-panel" data-tab-group="2daef72dbb10eb5ad48e8a476d40f539">
+<div class="tab-panel" data-tab-group="8994ca9e07b40a6a154df427401a5366">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('2daef72dbb10eb5ad48e8a476d40f539','hugotoml')"
+      onclick="switchTab('8994ca9e07b40a6a154df427401a5366','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1693,13 +1693,13 @@
 <p>Set th' <code>themeVariant</code> value t' th' name o' yer theme file. That&rsquo;s it! Yer ship will be displayed 'n this variant only.</p>
 
   
-<div class="tab-panel" data-tab-group="b88b2a6ceb8371ca6d940bcfd88cbbd1">
+<div class="tab-panel" data-tab-group="6aae842f4e9571fdfe4c05787d4e0371">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('b88b2a6ceb8371ca6d940bcfd88cbbd1','hugotoml')"
+      onclick="switchTab('6aae842f4e9571fdfe4c05787d4e0371','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1727,13 +1727,13 @@
 <p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="a2a8fd5349442ab7ef9c8002156dec2b">
+<div class="tab-panel" data-tab-group="5df7efd33c469a440321be486e79ec86">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('a2a8fd5349442ab7ef9c8002156dec2b','hugotoml')"
+      onclick="switchTab('5df7efd33c469a440321be486e79ec86','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1762,13 +1762,13 @@
 <p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option&rsquo;s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
 
   
-<div class="tab-panel" data-tab-group="61a5760be1f401ae17c6c3b79f5bd019">
+<div class="tab-panel" data-tab-group="104f57ebc04f6a2fd2952b201b17df36">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('61a5760be1f401ae17c6c3b79f5bd019','hugotoml')"
+      onclick="switchTab('104f57ebc04f6a2fd2952b201b17df36','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1788,13 +1788,13 @@
 <p>If ye don&rsquo;t like that behavior, ye can explicitly set <code>themeVariantAuto</code>. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode.</p>
 
   
-<div class="tab-panel" data-tab-group="1faa03352c92d66f03aa7b316105353c">
+<div class="tab-panel" data-tab-group="38c93648168af39e26bad9a5f8b0336e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('1faa03352c92d66f03aa7b316105353c','hugotoml')"
+      onclick="switchTab('38c93648168af39e26bad9a5f8b0336e','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1816,13 +1816,13 @@
 <p>If ye need t' change this default behavior, create a new file <code>layouts/partials/favicon.html</code> 'n yer site&rsquo;s directory an' write someth'n like this:</p>
 
   
-<div class="tab-panel" data-tab-group="3f37922b6cc0c15e79bc96f23f697873">
+<div class="tab-panel" data-tab-group="8d0ed3eae86cfd77fe4bf6b8d8425006">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="layoutspartialsfaviconhtml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('3f37922b6cc0c15e79bc96f23f697873','layoutspartialsfaviconhtml')"
+      onclick="switchTab('8d0ed3eae86cfd77fe4bf6b8d8425006','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -1856,13 +1856,13 @@
 <p>Again, 'n this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
 
   
-<div class="tab-panel" data-tab-group="cc4e2624aa5e273610c806cb38967687">
+<div class="tab-panel" data-tab-group="cf6919d08497086f1da8f7639d982dd7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('cc4e2624aa5e273610c806cb38967687','hugotoml')"
+      onclick="switchTab('cf6919d08497086f1da8f7639d982dd7','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1880,13 +1880,13 @@
 </div><p>ye now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="c866b78f25478d85c02c22826ce33f48">
+<div class="tab-panel" data-tab-group="d6506cf19d492ac6ce016214ef54f9f0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('c866b78f25478d85c02c22826ce33f48','hugotoml')"
+      onclick="switchTab('d6506cf19d492ac6ce016214ef54f9f0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1935,13 +1935,13 @@
 <h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
 
   
-<div class="tab-panel" data-tab-group="731142ee8f34fd188abbf0c2b8c0b9cf">
+<div class="tab-panel" data-tab-group="d8a5b864e548b12b783df42bac7c618b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('731142ee8f34fd188abbf0c2b8c0b9cf','hugotoml')"
+      onclick="switchTab('d8a5b864e548b12b783df42bac7c618b','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1986,13 +1986,13 @@
 <p>For example, ye want t' use th' <code>relearn-light</code> variant but want t' change th' rules highlightn'n schema t' th' one used 'n th' <code>neon</code> variant. For that, create a new <code>static/css/theme-my-brand'n.css</code> 'n yer site&rsquo;s directory an' add th' follow'n lines:</p>
 
   
-<div class="tab-panel" data-tab-group="ea17fc3ac7a11b4a01ee45e4a8f2f09e">
+<div class="tab-panel" data-tab-group="8ee7a00a8e7683ba69d06f7059a48c7e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="staticcsstheme-my-brandingcss"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('ea17fc3ac7a11b4a01ee45e4a8f2f09e','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('8ee7a00a8e7683ba69d06f7059a48c7e','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-brand'n.css</span>
     </button>
@@ -2015,13 +2015,13 @@
 </div><p>Afterwards put this 'n yer <code>hugo.toml</code> t' use yer new variant:</p>
 
   
-<div class="tab-panel" data-tab-group="78a70b5775498e59db477a17b4d36253">
+<div class="tab-panel" data-tab-group="3342666da01921ef8cc5550db53a11a1">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('78a70b5775498e59db477a17b4d36253','hugotoml')"
+      onclick="switchTab('3342666da01921ef8cc5550db53a11a1','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -2083,8 +2083,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>hugo.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-cd9f6134a846e4a4efd5ca5f077a5001" class="lightbox-link"><img src="../basics/customization/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-cd9f6134a846e4a4efd5ca5f077a5001"><img src="../basics/customization/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-92fac884e10e197bb30e248b408febb7" class="lightbox-link"><img src="../basics/customization/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-92fac884e10e197bb30e248b408febb7"><img src="../basics/customization/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>
@@ -2125,8 +2125,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
 </span></span><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; Arrr! Homme&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n 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-817a10aa5b308e3ee88d1123cf816fbf" class="lightbox-link"><img src="../basics/customization/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-817a10aa5b308e3ee88d1123cf816fbf"><img src="../basics/customization/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-3a27a5ca8cb6e39689a8dea4d34333ee" class="lightbox-link"><img src="../basics/customization/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-3a27a5ca8cb6e39689a8dea4d34333ee"><img src="../basics/customization/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> protocol 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>
 <h2 id="change-the-menu-width">Change th' Menu Width</h2>
@@ -2233,13 +2233,13 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-8ffa33a9213d51544d98b775c0c118ea" aria-controls="R-expandcontent-8ffa33a9213d51544d98b775c0c118ea" >
-    <label class="expand-label" for="R-expand-8ffa33a9213d51544d98b775c0c118ea" >
+    <input type="checkbox" id="R-expand-efad1b0923da3481d6bb18e2b3ad5c04" aria-controls="R-expandcontent-efad1b0923da3481d6bb18e2b3ad5c04" >
+    <label class="expand-label" for="R-expand-efad1b0923da3481d6bb18e2b3ad5c04" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-8ffa33a9213d51544d98b775c0c118ea" class="expand-content">
+    <div id="R-expandcontent-efad1b0923da3481d6bb18e2b3ad5c04" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant selector '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>
@@ -2250,11 +2250,11 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
 <p>Eg. if yer new variants file be named <code>theme-my-custom-variant.css</code>, ye have t' set <code>themeVariant='my-custom-variant'</code> t' use it.</p>
 </div>
 </div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <div id="R-vargenerator" class="mermaid zoomable" style="background-color: var(--INTERNAL-MAIN-TEXT-color);">Graph</div>
-<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> Download variant</button></span>
-<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> Reset variant</button></span></p>
+<p><span class="btn cstyle interactive secondary"><button onclick="window.variants&amp;&amp;variants.getStylesheet();this.blur();" type="button"><i class="fa-fw fas fa-download"></i> <span class="title">Download variant</span></button></span>
+<span class="btn cstyle interactive warning"><button onclick="window.variants&amp;&amp;variants.resetVariant();this.blur();" type="button"><i class="fa-fw fas fa-trash"></i> <span class="title">Reset variant</span></button></span></p>
 <script>
 window.variants && variants.generator( '#R-vargenerator' );
 </script>
@@ -2277,8 +2277,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-3b6ec9b0e47644657de77dce6be64b84" 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-3b6ec9b0e47644657de77dce6be64b84"><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-5d6f376a87f3e61bd191bda051576e12" 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-5d6f376a87f3e61bd191bda051576e12"><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">
@@ -2290,8 +2290,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-1a290d22304b2b344558741a96c093ef" 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-1a290d22304b2b344558741a96c093ef"><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-2623a1f19ecde167970caf20b13035ae" 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-2623a1f19ecde167970caf20b13035ae"><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>
@@ -4233,8 +4233,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-767ceba5dc825737675e5c8b146a4f27" class="lightbox-link"><img src="../cont/frontmatter/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-767ceba5dc825737675e5c8b146a4f27"><img src="../cont/frontmatter/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-f781a1a6f352fa638c60aed2c73ddbe4" class="lightbox-link"><img src="../cont/frontmatter/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-f781a1a6f352fa638c60aed2c73ddbe4"><img src="../cont/frontmatter/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>
@@ -4286,8 +4286,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-6848717d851007e553f919c9bf040fb5" 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-6848717d851007e553f919c9bf040fb5"><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-226c61f8cd992d4b7895b3e1d298cec1" 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-226c61f8cd992d4b7895b3e1d298cec1"><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">+++
@@ -4297,8 +4297,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-96767c271b7919e051a13f02f80f75e9" 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-96767c271b7919e051a13f02f80f75e9"><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-fb696da1565982e29e59c515ca05e0fe" 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-fb696da1565982e29e59c515ca05e0fe"><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">+++
@@ -4310,8 +4310,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-1a92c5ceabd4ae322b5f7f301d6c3ef6" 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-1a92c5ceabd4ae322b5f7f301d6c3ef6"><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-32155816796cd0f06bf046edb4609fa7" 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-32155816796cd0f06bf046edb4609fa7"><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>
@@ -4885,8 +4885,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-f0d4ea882f05677e552650eeda7799ed" 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-f0d4ea882f05677e552650eeda7799ed"><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-b441bd59b1a01cf24c73e2f473fd016c" 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-b441bd59b1a01cf24c73e2f473fd016c"><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>
@@ -4896,8 +4896,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-d5180424184e4068b4d0031121a7c4e7" 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-d5180424184e4068b4d0031121a7c4e7"><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-d21590d5a25b836edbb27fd2154ecda7" 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-d21590d5a25b836edbb27fd2154ecda7"><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>
@@ -4909,8 +4909,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-c53bbcbc5dabb0e340174c1bf75d3524" 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-c53bbcbc5dabb0e340174c1bf75d3524"><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-cdb0726b695bacda6281dc543eb4d45a" 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-cdb0726b695bacda6281dc543eb4d45a"><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>
@@ -4922,8 +4922,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-ae8147fdf399fcbe6fd4998efdac23f2" 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-ae8147fdf399fcbe6fd4998efdac23f2"><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-c803a74c75b71f80d256acdc665af653" 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-c803a74c75b71f80d256acdc665af653"><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>
@@ -4931,8 +4931,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-b08790c5cad9add88922a90a988e4758" 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-b08790c5cad9add88922a90a988e4758"><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-a8ea2bb7ea03c96ba8f33f9b5e4e9599" 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-a8ea2bb7ea03c96ba8f33f9b5e4e9599"><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>
@@ -4940,8 +4940,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-cd98f3e198baa819b01cfb53839b8c92" 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-cd98f3e198baa819b01cfb53839b8c92"><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-9ea1f7998044cbf2de22f114328092ce" 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-9ea1f7998044cbf2de22f114328092ce"><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>
@@ -4952,8 +4952,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-af0fb38dff1258d8e7b0cc7bc0898cf6" 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-af0fb38dff1258d8e7b0cc7bc0898cf6"><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-a47f06ef774b3c31572d6b761ecb00a7" 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-a47f06ef774b3c31572d6b761ecb00a7"><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>
@@ -4962,8 +4962,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-b12a837db23798730187da183de200ca" 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-b12a837db23798730187da183de200ca"><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-4b10ce96bdf18051e15f0f80c5140a95" 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-4b10ce96bdf18051e15f0f80c5140a95"><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>
@@ -4972,8 +4972,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-6b1c9dc112624db78ed44ee66a865ea9" 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-6b1c9dc112624db78ed44ee66a865ea9"><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-05d2fa5fe36b7b1d9bcbe1bcb5d93e7d" 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-05d2fa5fe36b7b1d9bcbe1bcb5d93e7d"><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>
@@ -4982,8 +4982,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-1fb37f9ca7cd3b44c0cb32a4830f4526" 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-1fb37f9ca7cd3b44c0cb32a4830f4526"><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-6d24492d06a775370412e9dc6b85f50b" 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-6d24492d06a775370412e9dc6b85f50b"><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>
@@ -4995,14 +4995,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-38e574ad5974e7fd43e9520131fbc76d" 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-38e574ad5974e7fd43e9520131fbc76d"><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-99946880b0cbf406265522aabb070d4a" 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-99946880b0cbf406265522aabb070d4a"><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-28d6a8433fd282ab90ebd2bf5790bc0c" 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-28d6a8433fd282ab90ebd2bf5790bc0c"><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-e15907f59dc1b405b317efb3bc41f47d" 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-e15907f59dc1b405b317efb3bc41f47d"><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-905080f6f317b9de341715319977faf8" 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-905080f6f317b9de341715319977faf8"><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-34633bb71cce41b8b33e0d614eec0a20" 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-34633bb71cce41b8b33e0d614eec0a20"><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-b2cd7740dcf00c10ceb82a505ee4e319" 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-b2cd7740dcf00c10ceb82a505ee4e319"><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-1fd91c709912bb97c3170235aa0e2fce" 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-1fd91c709912bb97c3170235aa0e2fce"><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>
@@ -5011,8 +5011,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-0f51034e6861a2bdca948e9412188878" 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-0f51034e6861a2bdca948e9412188878"><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-8322943f99603a11a09dc504a785a3bb" 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-8322943f99603a11a09dc504a785a3bb"><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>
@@ -5053,13 +5053,13 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>hugo.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="e1ed522614b34ca01da5cf231338136a">
+<div class="tab-panel" data-tab-group="1b7a34a22c60adbfd934046640752fb3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('e1ed522614b34ca01da5cf231338136a','hugotoml')"
+      onclick="switchTab('1b7a34a22c60adbfd934046640752fb3','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -5080,13 +5080,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="3610e7921867d61a958a34a8731deb01">
+<div class="tab-panel" data-tab-group="40d011ce2b2aeaed175e2332337e679d">
   <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" tabindex="-1"
-      onclick="switchTab('3610e7921867d61a958a34a8731deb01','frontmatter')"
+      onclick="switchTab('40d011ce2b2aeaed175e2332337e679d','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -5106,13 +5106,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="7e02c2b14d9c0f4513e7992e1241959f">
+<div class="tab-panel" data-tab-group="96e51656177c4224ab81f728a239b1fa">
   <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" tabindex="-1"
-      onclick="switchTab('7e02c2b14d9c0f4513e7992e1241959f','url')"
+      onclick="switchTab('96e51656177c4224ab81f728a239b1fa','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -5129,13 +5129,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="e59d4185d7d7f9785c50eaba795852a6">
+<div class="tab-panel" data-tab-group="e833c1cacad818ca518cc9de2a4a54fb">
   <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" tabindex="-1"
-      onclick="switchTab('e59d4185d7d7f9785c50eaba795852a6','result')"
+      onclick="switchTab('e833c1cacad818ca518cc9de2a4a54fb','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -5155,13 +5155,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="d8d9e340f40b600eb067d00773426508">
+<div class="tab-panel" data-tab-group="2effe4090152e2066d71685212b80de0">
   <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" tabindex="-1"
-      onclick="switchTab('d8d9e340f40b600eb067d00773426508','html')"
+      onclick="switchTab('2effe4090152e2066d71685212b80de0','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -5340,8 +5340,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-523167a88bfdb1bc7faf5dd51c8005ec" 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-523167a88bfdb1bc7faf5dd51c8005ec"><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-d6bda5f025c776370c31e04dc1385d54" 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-d6bda5f025c776370c31e04dc1385d54"><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>hugo.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -6035,8 +6035,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 
 
 <p>Th' <code>button</code> shortcode displays a click'ble button wit' adjust'ble color, title an' ay'con.</p>
-<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Cap'n Hugo</a></span></p>
+<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Cap'n Hugo</span></a></span></p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
@@ -6146,55 +6146,55 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> <span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> <span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> <span class="title">Get Cap'n Hugo</span></a></span></p>
 <h4 id="by-brand-colors">By Brand Colors</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span></p>
 <h4 id="by-color">By Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span></p>
 <h4 id="by-special-color">By Special Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span></p>
 <h3 id="icon">Ay'con</h3>
 <h4 id="empty">Empty</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"></a></span>
 <h4 id="only">Only</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="to-the-left">T' th' Left</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> Get Cap'n Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> <span class="title">Get Cap'n Hugo</span></a></span>
 <h4 id="to-the-right">T' th' Right</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposit'n</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo <i class="fa-fw fas fa-download"></i></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposit'n</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span> <i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="override-for-severity">Override fer Severity</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Cap'n Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Cap'n Hugo</span></a></span>
 <h3 id="target">Target</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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">target</span><span class="p">=</span><span class="s">&#34;_self&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span> <span class="nx">'n</span> <span class="nx">same</span> <span class="nx">window</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span> <span class="nx">'n</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self">Get Cap'n Hugo 'n same Window/Frame</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo 'n new Window/Frame (default)</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span> <span class="nx">'n</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self"><span class="title">Get Cap'n Hugo 'n same Window/Frame</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo 'n new Window/Frame (default)</span></a></span></p>
 <h3 id="other">Other</h3>
 <h4 id="with-user-defined-color-font-awesome-brand-icon-and-markdown-title">Wit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Cap'n Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> Get <strong>Cap'n Hugo</strong></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Cap'n Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> <span class="title">Get <strong>Cap'n Hugo</strong></span></a></span>
 <h4 id="severity-style-with-all-defaults">Severity Style wit' All Defaults</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Smarrrt Arrrse</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Smarrrt Arrrse</span></a></span>
 <h4 id="button-to-internal-page">Button t' Internal Plank</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../index.html">Home</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../index.html"><span class="title">Home</span></a></span>
 <h4 id="button-with-javascript-action">Button wit' JavaScript Act'n</h4>
 <p>If yer JavaScript act'n does not change th' focus afterwards, make sure t' call <code>this.blur()</code> 'n th' end t' unselect th' button.</p>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> Shout it out</button></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> <span class="title">Shout it out</span></button></span>
 <h4 id="button-within-a-form-element">Button within a <code>form</code> Element</h4>
 <p>T' use native HTML elements 'n yer Marrrkdown, add this 'n yer <code>hugo.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>
@@ -6204,7 +6204,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
 </span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span></span></span></code></pre></div><form action="../../search.html" method="get">
   <div class="searchform" style="width: 20vw;">
     <input name="search-by-detail" class="search-by" type="search" placeholder="Search...">
-    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> Search</button></span>
+    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> <span class="title">Search</span></button></span>
   </div>
 </form>
 
@@ -6645,13 +6645,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-73c4caba317da7f36a5530abd0a0a870" aria-controls="R-expandcontent-73c4caba317da7f36a5530abd0a0a870" >
-    <label class="expand-label" for="R-expand-73c4caba317da7f36a5530abd0a0a870" >
+    <input type="checkbox" id="R-expand-2cf981bc972b1b78761a3995770bc3a2" aria-controls="R-expandcontent-2cf981bc972b1b78761a3995770bc3a2" >
+    <label class="expand-label" for="R-expand-2cf981bc972b1b78761a3995770bc3a2" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-73c4caba317da7f36a5530abd0a0a870" class="expand-content">
+    <div id="R-expandcontent-2cf981bc972b1b78761a3995770bc3a2" 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>
@@ -6769,26 +6769,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-d72532ff507fd5214925f2cfd7fac786" aria-controls="R-expandcontent-d72532ff507fd5214925f2cfd7fac786" >
-    <label class="expand-label" for="R-expand-d72532ff507fd5214925f2cfd7fac786" >
+    <input type="checkbox" id="R-expand-4edb858ed920920cf3864096ea77d198" aria-controls="R-expandcontent-4edb858ed920920cf3864096ea77d198" >
+    <label class="expand-label" for="R-expand-4edb858ed920920cf3864096ea77d198" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-d72532ff507fd5214925f2cfd7fac786" class="expand-content">
+    <div id="R-expandcontent-4edb858ed920920cf3864096ea77d198" 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-6805b908fb7dfa4e2ce4285b682ee659" aria-controls="R-expandcontent-6805b908fb7dfa4e2ce4285b682ee659"  checked>
-    <label class="expand-label" for="R-expand-6805b908fb7dfa4e2ce4285b682ee659" >
+    <input type="checkbox" id="R-expand-c55a54ac0b6e6a3d9aa943a719408fe1" aria-controls="R-expandcontent-c55a54ac0b6e6a3d9aa943a719408fe1"  checked>
+    <label class="expand-label" for="R-expand-c55a54ac0b6e6a3d9aa943a719408fe1" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-6805b908fb7dfa4e2ce4285b682ee659" class="expand-content">
+    <div id="R-expandcontent-c55a54ac0b6e6a3d9aa943a719408fe1" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -6809,13 +6809,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-341bcf374373f89f3ff74e8c47aef5a3" aria-controls="R-expandcontent-341bcf374373f89f3ff74e8c47aef5a3" >
-    <label class="expand-label" for="R-expand-341bcf374373f89f3ff74e8c47aef5a3" >
+    <input type="checkbox" id="R-expand-d357e01abbfbab6df2283e440cc38e25" aria-controls="R-expandcontent-d357e01abbfbab6df2283e440cc38e25" >
+    <label class="expand-label" for="R-expand-d357e01abbfbab6df2283e440cc38e25" >
         <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-341bcf374373f89f3ff74e8c47aef5a3" class="expand-content">
+    <div id="R-expandcontent-d357e01abbfbab6df2283e440cc38e25" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -6852,13 +6852,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="f6a2d5923deedd23bac7679fc32e3041">
+<div class="tab-panel" data-tab-group="d884eb297abf06dac4f8e33793711dd9">
   <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" tabindex="-1"
-      onclick="switchTab('f6a2d5923deedd23bac7679fc32e3041','python')"
+      onclick="switchTab('d884eb297abf06dac4f8e33793711dd9','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -7070,13 +7070,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="91d7a69c43af9fe3b6ddb586e3c7828e">
+<div class="tab-panel" data-tab-group="da31f283ee97c7dd5e4607bb3068bdc6">
   <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" tabindex="-1"
-      onclick="switchTab('91d7a69c43af9fe3b6ddb586e3c7828e','python')"
+      onclick="switchTab('da31f283ee97c7dd5e4607bb3068bdc6','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -8552,7 +8552,7 @@ xychart-beta
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-588b4de97737dcbc82246230d1dfa5f3"
+    id="R-openapi-914f4e0eaa549e874781ed0c39707e1c"
     data-openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -8650,13 +8650,13 @@ xychart-beta
 <p>T' use formatted parameter, add this 'n yer <code>hugo.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="af6bb81d2c716ff990426e5668a3c2de">
+<div class="tab-panel" data-tab-group="9fed09a3cfefba850d0f3e0a5587a1d0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('af6bb81d2c716ff990426e5668a3c2de','hugotoml')"
+      onclick="switchTab('9fed09a3cfefba850d0f3e0a5587a1d0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -8690,13 +8690,13 @@ xychart-beta
 <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/index.html"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="7a265f9af182ef7e2b7b2b3e95293dff">
+<div class="tab-panel" data-tab-group="4c12fe4ee2fa486b1e1bd0feac140050">
   <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" tabindex="-1"
-      onclick="switchTab('7a265f9af182ef7e2b7b2b3e95293dff','c')"
+      onclick="switchTab('4c12fe4ee2fa486b1e1bd0feac140050','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -8801,13 +8801,13 @@ xychart-beta
 </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="028dea9392157036a29f2e11fff90c69">
+<div class="tab-panel" data-tab-group="1d7b13eab5d3480ce1a8d385fd8fcf49">
   <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" tabindex="-1"
-      onclick="switchTab('028dea9392157036a29f2e11fff90c69','code')"
+      onclick="switchTab('1d7b13eab5d3480ce1a8d385fd8fcf49','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -8829,13 +8829,13 @@ xychart-beta
 </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="3134726a96dbc9b9b4515c5fd5043a24">
+<div class="tab-panel" data-tab-group="7a3cf45243083859a9b8de01bc57ade6">
   <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" tabindex="-1"
-      onclick="switchTab('3134726a96dbc9b9b4515c5fd5043a24','mixed')"
+      onclick="switchTab('7a3cf45243083859a9b8de01bc57ade6','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -8880,41 +8880,41 @@ xychart-beta
 </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="a5b4872a0a5d1a33f494ebf2a9607093">
+<div class="tab-panel" data-tab-group="29b3498267edcf4a375c972c5210f5f3">
   <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" tabindex="-1"
-      onclick="switchTab('a5b4872a0a5d1a33f494ebf2a9607093','just-colored-style')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','just-color')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','default-style-and-color')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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>
@@ -8983,27 +8983,27 @@ xychart-beta
 <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/index.html"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="7b70dce6fc20ad20e10e8577606f9644">
+<div class="tab-panel" data-tab-group="1d7c5463bdbbc3385086257ea001a3cd">
   <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" tabindex="-1"
-      onclick="switchTab('7b70dce6fc20ad20e10e8577606f9644','py')"
+      onclick="switchTab('1d7c5463bdbbc3385086257ea001a3cd','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('7b70dce6fc20ad20e10e8577606f9644','sh')"
+      onclick="switchTab('1d7c5463bdbbc3385086257ea001a3cd','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('7b70dce6fc20ad20e10e8577606f9644','c')"
+      onclick="switchTab('1d7c5463bdbbc3385086257ea001a3cd','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -9151,27 +9151,27 @@ xychart-beta
 <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="f07bbe4165e954a991b63b706e6a8026">
+<div class="tab-panel" data-tab-group="ef1481d5d5ddaa76177d0d00e5532be8">
   <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" tabindex="-1"
-      onclick="switchTab('f07bbe4165e954a991b63b706e6a8026','group-a-tab-view-1')"
+      onclick="switchTab('ef1481d5d5ddaa76177d0d00e5532be8','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('f07bbe4165e954a991b63b706e6a8026','group-a-tab-view-2')"
+      onclick="switchTab('ef1481d5d5ddaa76177d0d00e5532be8','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('f07bbe4165e954a991b63b706e6a8026','group-b')"
+      onclick="switchTab('ef1481d5d5ddaa76177d0d00e5532be8','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -9529,8 +9529,8 @@ xychart-beta
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783965" defer></script>
+    <script src="../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789223" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -9559,27 +9559,27 @@ xychart-beta
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1701783965"></script>
-    <script src="../js/d3/d3-color.min.js?1701783965" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1701783965" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1701783965" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1701783965" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1701783965" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1701783965" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1701783965" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1701783965" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1701783965" defer></script>
-    <script src="../js/js-yaml.min.js?1701783965" defer></script>
-    <script src="../js/mermaid.min.js?1701783965" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1701789223"></script>
+    <script src="../js/d3/d3-color.min.js?1701789223" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1701789223" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1701789223" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1701789223" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1701789223" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1701789223" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1701789223" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1701789223" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1701789223" defer></script>
+    <script src="../js/js-yaml.min.js?1701789223" defer></script>
+    <script src="../js/mermaid.min.js?1701789223" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1701783965" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1701783965" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1701789223" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1701789223" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701783965", assetsBuster:  1701783965  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701789223", assetsBuster:  1701789223  };
     </script>
-    <script src="../js/theme.js?1701783965" defer></script>
+    <script src="../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index a8d1b6dfa0..d7fb5fe024 100644
--- a/pir/more/credits/index.html
+++ b/pir/more/credits/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -267,12 +267,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -435,13 +435,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index 9a10ed27c8..6c72a46913 100644
--- a/pir/more/credits/index.print.html
+++ b/pir/more/credits/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -157,8 +157,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index 8b88716239..8320fc47a6 100644
--- a/pir/search.html
+++ b/pir/search.html
@@ -22,21 +22,21 @@
     <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="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../js/url.js?1701783965"></script>
-    <script src="../js/variant.js?1701783965"></script>
+    <link href="../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../js/url.js?1701789223"></script>
+    <script src="../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +95,7 @@
             <form action="javascript:triggerSearch()">
               <div class="searchform">
                 <label class="a11y-only" for="R-search-by-detail">Searrrch</label>
-                <input data-search-input id="R-search-by-detail" class="search-by" name="search-by" type="search" placeholder="Searrrch..."><span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> Searrrch</button></span>
+                <input data-search-input id="R-search-by-detail" class="search-by" name="search-by" type="search" placeholder="Searrrch..."><span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> <span class="title">Searrrch</span></button></span>
               </div>
             </form>
             <div class="searchhint">
@@ -192,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701783965" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../js/search.js?1701783965" defer></script>
+        <script src="../js/auto-complete.js?1701789223" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../js/search.js?1701789223" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -360,13 +360,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1701783965"></script>
+          <script async src="../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../js/theme.js?1701783965" defer></script>
+    <script src="../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 3a83f76802..ca52aae55f 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -26,21 +26,21 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -478,12 +478,12 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -646,13 +646,13 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 6fb21b2a0f..894e49f96b 100644
--- a/pir/shortcodes/attachments/index.print.html
+++ b/pir/shortcodes/attachments/index.print.html
@@ -26,22 +26,22 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index e5263f43e4..7a9966d2ba 100644
--- a/pir/shortcodes/badge/index.html
+++ b/pir/shortcodes/badge/index.html
@@ -30,21 +30,21 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -414,12 +414,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?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -582,13 +582,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?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index 6d53b2a5c1..08fb98bc98 100644
--- a/pir/shortcodes/badge/index.print.html
+++ b/pir/shortcodes/badge/index.print.html
@@ -30,22 +30,22 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 95de76e628..a24e80bf3c 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -30,21 +30,21 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -139,8 +139,8 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
 
 
 <p>Th' <code>button</code> shortcode displays a click'ble button wit' adjust'ble color, title an' ay'con.</p>
-<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Cap'n Hugo</a></span></p>
+<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Cap'n Hugo</span></a></span></p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
@@ -250,55 +250,55 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> <span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> <span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> <span class="title">Get Cap'n Hugo</span></a></span></p>
 <h4 id="by-brand-colors">By Brand Colors</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span></p>
 <h4 id="by-color">By Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span></p>
 <h4 id="by-special-color">By Special Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span></p>
 <h3 id="icon">Ay'con</h3>
 <h4 id="empty">Empty</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"></a></span>
 <h4 id="only">Only</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="to-the-left">T' th' Left</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> Get Cap'n Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> <span class="title">Get Cap'n Hugo</span></a></span>
 <h4 id="to-the-right">T' th' Right</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposit'n</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo <i class="fa-fw fas fa-download"></i></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposit'n</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span> <i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="override-for-severity">Override fer Severity</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Cap'n Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Cap'n Hugo</span></a></span>
 <h3 id="target">Target</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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">target</span><span class="p">=</span><span class="s">&#34;_self&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span> <span class="nx">'n</span> <span class="nx">same</span> <span class="nx">window</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span> <span class="nx">'n</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self">Get Cap'n Hugo 'n same Window/Frame</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo 'n new Window/Frame (default)</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span> <span class="nx">'n</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self"><span class="title">Get Cap'n Hugo 'n same Window/Frame</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo 'n new Window/Frame (default)</span></a></span></p>
 <h3 id="other">Other</h3>
 <h4 id="with-user-defined-color-font-awesome-brand-icon-and-markdown-title">Wit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Cap'n Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> Get <strong>Cap'n Hugo</strong></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Cap'n Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> <span class="title">Get <strong>Cap'n Hugo</strong></span></a></span>
 <h4 id="severity-style-with-all-defaults">Severity Style wit' All Defaults</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Smarrrt Arrrse</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Smarrrt Arrrse</span></a></span>
 <h4 id="button-to-internal-page">Button t' Internal Plank</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../../../index.html">Home</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../../../index.html"><span class="title">Home</span></a></span>
 <h4 id="button-with-javascript-action">Button wit' JavaScript Act'n</h4>
 <p>If yer JavaScript act'n does not change th' focus afterwards, make sure t' call <code>this.blur()</code> 'n th' end t' unselect th' button.</p>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> Shout it out</button></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> <span class="title">Shout it out</span></button></span>
 <h4 id="button-within-a-form-element">Button within a <code>form</code> Element</h4>
 <p>T' use native HTML elements 'n yer Marrrkdown, add this 'n yer <code>hugo.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>
@@ -308,7 +308,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
 </span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span></span></span></code></pre></div><form action="../../search.html" method="get">
   <div class="searchform" style="width: 20vw;">
     <input name="search-by-detail" class="search-by" type="search" placeholder="Search...">
-    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> Search</button></span>
+    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> <span class="title">Search</span></button></span>
   </div>
 </form>
 
@@ -401,12 +401,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?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -569,13 +569,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?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index 56f9966440..18b034ee9e 100644
--- a/pir/shortcodes/button/index.print.html
+++ b/pir/shortcodes/button/index.print.html
@@ -30,22 +30,22 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -101,8 +101,8 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
 
 
 <p>Th' <code>button</code> shortcode displays a click'ble button wit' adjust'ble color, title an' ay'con.</p>
-<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Cap'n Hugo</a></span></p>
+<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Cap'n Hugo</span></a></span></p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
@@ -212,55 +212,55 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> <span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> <span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> <span class="title">Get Cap'n Hugo</span></a></span></p>
 <h4 id="by-brand-colors">By Brand Colors</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span></p>
 <h4 id="by-color">By Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span></p>
 <h4 id="by-special-color">By Special Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span></p>
 <h3 id="icon">Ay'con</h3>
 <h4 id="empty">Empty</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"></a></span>
 <h4 id="only">Only</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="to-the-left">T' th' Left</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> Get Cap'n Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> <span class="title">Get Cap'n Hugo</span></a></span>
 <h4 id="to-the-right">T' th' Right</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposit'n</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo <i class="fa-fw fas fa-download"></i></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposit'n</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span> <i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="override-for-severity">Override fer Severity</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Cap'n Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Cap'n Hugo</span></a></span>
 <h3 id="target">Target</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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">target</span><span class="p">=</span><span class="s">&#34;_self&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span> <span class="nx">'n</span> <span class="nx">same</span> <span class="nx">window</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span> <span class="nx">'n</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self">Get Cap'n Hugo 'n same Window/Frame</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo 'n new Window/Frame (default)</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span> <span class="nx">'n</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self"><span class="title">Get Cap'n Hugo 'n same Window/Frame</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo 'n new Window/Frame (default)</span></a></span></p>
 <h3 id="other">Other</h3>
 <h4 id="with-user-defined-color-font-awesome-brand-icon-and-markdown-title">Wit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Cap'n Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> Get <strong>Cap'n Hugo</strong></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Cap'n Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> <span class="title">Get <strong>Cap'n Hugo</strong></span></a></span>
 <h4 id="severity-style-with-all-defaults">Severity Style wit' All Defaults</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Smarrrt Arrrse</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Smarrrt Arrrse</span></a></span>
 <h4 id="button-to-internal-page">Button t' Internal Plank</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../../../index.html">Home</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../../../index.html"><span class="title">Home</span></a></span>
 <h4 id="button-with-javascript-action">Button wit' JavaScript Act'n</h4>
 <p>If yer JavaScript act'n does not change th' focus afterwards, make sure t' call <code>this.blur()</code> 'n th' end t' unselect th' button.</p>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> Shout it out</button></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> <span class="title">Shout it out</span></button></span>
 <h4 id="button-within-a-form-element">Button within a <code>form</code> Element</h4>
 <p>T' use native HTML elements 'n yer Marrrkdown, add this 'n yer <code>hugo.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>
@@ -270,7 +270,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
 </span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span></span></span></code></pre></div><form action="../../search.html" method="get">
   <div class="searchform" style="width: 20vw;">
     <input name="search-by-detail" class="search-by" type="search" placeholder="Search...">
-    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> Search</button></span>
+    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> <span class="title">Search</span></button></span>
   </div>
 </form>
 
@@ -282,8 +282,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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" 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 d5c7e024d3..a7e8e2e3ba 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
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../../../../../../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -216,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../../../../../../../js/search.js?1701783964" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../../../../../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -388,13 +388,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../../js/github-buttons.js?1701783965"></script>
+          <script async src="../../../../../../../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1701789222" 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 ac3cfdcfaa..9218817358 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
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../../../../../../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1701783965"></script>
-    <script src="../../../../../../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1701789223"></script>
+    <script src="../../../../../../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1701789223" 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 7cc81d6953..ac4a012257 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
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../../../../../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -226,12 +226,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../../../../../../js/search.js?1701783964" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../../../../../../js/search.js?1701789222" 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?1701783965"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../../../../../../js/theme.js?1701789222" 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 6d98e6c128..f3a0c64aba 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
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../../../../../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1701783965"></script>
-    <script src="../../../../../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1701789223"></script>
+    <script src="../../../../../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../../../../../js/theme.js?1701789223" 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 c774d9a0ad..6fc9bfdd3f 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
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../../../../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -225,12 +225,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../../../../../js/search.js?1701783964" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../../../../../js/search.js?1701789222" 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?1701783964"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../../../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../../../../../js/theme.js?1701789222" 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 b60bdc692e..e7eaca56d0 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
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../../../../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701783965"></script>
-    <script src="../../../../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701789223"></script>
+    <script src="../../../../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../../../../js/theme.js?1701789223" 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 24784e4e52..7eb8b45e34 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
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../../../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -224,12 +224,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../../../../js/search.js?1701783964" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../../../../js/search.js?1701789222" 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?1701783964"></script>
+          <script async src="../../../../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../../../../js/theme.js?1701789222" 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 d5f30ed682..0f4950849d 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
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../../../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701783965"></script>
-    <script src="../../../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701789223"></script>
+    <script src="../../../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../../../js/theme.js?1701789223" 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 d9d6290668..8c08d0cf7f 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
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -215,12 +215,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1701783965" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../../../../../js/search.js?1701783965" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../../../../../js/search.js?1701789222" 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?1701783965"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../../../../../js/theme.js?1701789222" 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 c2b149715f..51583ca891 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
@@ -23,22 +23,22 @@
     <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="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701783965"></script>
-    <script src="../../../../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701789223"></script>
+    <script src="../../../../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../../../../js/theme.js?1701789223" 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 4e14540fec..ccee75c915 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
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -215,12 +215,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../../../../../js/search.js?1701783964" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../../../../../js/search.js?1701789222" 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?1701783965"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../../../../../js/theme.js?1701789222" 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 8cebda9f18..03ffe9babb 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
@@ -23,22 +23,22 @@
     <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="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701783965"></script>
-    <script src="../../../../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701789223"></script>
+    <script src="../../../../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../../../../js/theme.js?1701789223" 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 a005e27a79..4896b78c1f 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
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../../../../js/search.js?1701783965" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -382,13 +382,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1701783965"></script>
+          <script async src="../../../../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../../../../js/theme.js?1701789222" 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 af48b3c223..aa237f8caf 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
@@ -23,22 +23,22 @@
     <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="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701783965"></script>
-    <script src="../../../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701789223"></script>
+    <script src="../../../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../../../js/theme.js?1701789223" 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 8ad9a21dee..fd6ffce697 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -226,12 +226,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../../../js/search.js?1701783964" defer></script>
+        <script src="../../../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../../../js/search.js?1701789222" 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?1701783964"></script>
+          <script async src="../../../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../../../js/theme.js?1701789222" 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 e599bae889..3ea2248a76 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
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701783965"></script>
-    <script src="../../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701789223"></script>
+    <script src="../../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 55c1bc0b89..6ddc38a56e 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783962"></script>
-    <script src="../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789220"></script>
+    <script src="../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783964" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../../js/search.js?1701783964" defer></script>
+        <script src="../../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../../js/search.js?1701789222" 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?1701783964"></script>
+          <script async src="../../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../../js/theme.js?1701789222" 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 fcc0870f30..23d1806eaa 100644
--- a/pir/shortcodes/children/children-1/index.print.html
+++ b/pir/shortcodes/children/children-1/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783965"></script>
-    <script src="../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789223"></script>
+    <script src="../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 9e8b2ce41b..f609430a95 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783962"></script>
-    <script src="../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789220"></script>
+    <script src="../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -213,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1701783965" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../../js/search.js?1701783965" defer></script>
+        <script src="../../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -381,13 +381,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1701783965"></script>
+          <script async src="../../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../../js/theme.js?1701789222" 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 66931542da..1b080ba511 100644
--- a/pir/shortcodes/children/children-2/index.print.html
+++ b/pir/shortcodes/children/children-2/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783965"></script>
-    <script src="../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789223"></script>
+    <script src="../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index 2da426a7d6..df78f2b5e4 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783962"></script>
-    <script src="../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789220"></script>
+    <script src="../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../../js/search.js?1701783965" defer></script>
+        <script src="../../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../js/theme.js?1701789223" 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 21a3f2eb5e..e863333e98 100644
--- a/pir/shortcodes/children/children-3/index.print.html
+++ b/pir/shortcodes/children/children-3/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783965"></script>
-    <script src="../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789223"></script>
+    <script src="../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../js/theme.js?1701789223" 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 826efde59d..4a3d05fead 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783963" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../../../js/search.js?1701783963" defer></script>
+        <script src="../../../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -382,13 +382,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1701783963"></script>
+          <script async src="../../../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../../../js/theme.js?1701789221" 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 8cd1f1819b..9298cc33e5 100644
--- a/pir/shortcodes/children/children-3/test3/index.print.html
+++ b/pir/shortcodes/children/children-3/test3/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701783965"></script>
-    <script src="../../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701789223"></script>
+    <script src="../../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index 4426f25dcf..be60f54e24 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783962"></script>
-    <script src="../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789220"></script>
+    <script src="../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../../js/search.js?1701783965" defer></script>
+        <script src="../../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../../js/search.js?1701789223" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -380,13 +380,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1701783965"></script>
+          <script async src="../../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../js/theme.js?1701789223" 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 ba0492d0cd..c477842dc7 100644
--- a/pir/shortcodes/children/children-4/index.print.html
+++ b/pir/shortcodes/children/children-4/index.print.html
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783965"></script>
-    <script src="../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789223"></script>
+    <script src="../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 0b61358502..52f6ae0fbe 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -410,12 +410,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../../js/search.js?1701783964" defer></script>
+        <script src="../../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../../js/search.js?1701789222" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -578,13 +578,13 @@ So its rrrambl'n be used as descript'n.</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783964"></script>
+          <script async src="../../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../../js/theme.js?1701783964" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index 11e16bd0e1..251d7869b6 100644
--- a/pir/shortcodes/children/index.print.html
+++ b/pir/shortcodes/children/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index ee02f6eed1..874679af33 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -27,21 +27,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783962"></script>
-    <script src="../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789220"></script>
+    <script src="../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -215,12 +215,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1701783963" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../../js/search.js?1701783963" defer></script>
+        <script src="../../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../../js/search.js?1701789221" 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?1701783963"></script>
+          <script async src="../../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index 11d5fefe67..b6146250ee 100644
--- a/pir/shortcodes/children/test/index.print.html
+++ b/pir/shortcodes/children/test/index.print.html
@@ -27,22 +27,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783965"></script>
-    <script src="../../../../js/variant.js?1701783965"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789223"></script>
+    <script src="../../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 2f9f2479a4..3a4f302a49 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -40,21 +40,21 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +150,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-73c4caba317da7f36a5530abd0a0a870" aria-controls="R-expandcontent-73c4caba317da7f36a5530abd0a0a870" >
-    <label class="expand-label" for="R-expand-73c4caba317da7f36a5530abd0a0a870" >
+    <input type="checkbox" id="R-expand-2cf981bc972b1b78761a3995770bc3a2" aria-controls="R-expandcontent-2cf981bc972b1b78761a3995770bc3a2" >
+    <label class="expand-label" for="R-expand-2cf981bc972b1b78761a3995770bc3a2" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-73c4caba317da7f36a5530abd0a0a870" class="expand-content">
+    <div id="R-expandcontent-2cf981bc972b1b78761a3995770bc3a2" 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>
@@ -274,26 +274,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-d72532ff507fd5214925f2cfd7fac786" aria-controls="R-expandcontent-d72532ff507fd5214925f2cfd7fac786" >
-    <label class="expand-label" for="R-expand-d72532ff507fd5214925f2cfd7fac786" >
+    <input type="checkbox" id="R-expand-4edb858ed920920cf3864096ea77d198" aria-controls="R-expandcontent-4edb858ed920920cf3864096ea77d198" >
+    <label class="expand-label" for="R-expand-4edb858ed920920cf3864096ea77d198" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-d72532ff507fd5214925f2cfd7fac786" class="expand-content">
+    <div id="R-expandcontent-4edb858ed920920cf3864096ea77d198" 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-6805b908fb7dfa4e2ce4285b682ee659" aria-controls="R-expandcontent-6805b908fb7dfa4e2ce4285b682ee659"  checked>
-    <label class="expand-label" for="R-expand-6805b908fb7dfa4e2ce4285b682ee659" >
+    <input type="checkbox" id="R-expand-c55a54ac0b6e6a3d9aa943a719408fe1" aria-controls="R-expandcontent-c55a54ac0b6e6a3d9aa943a719408fe1"  checked>
+    <label class="expand-label" for="R-expand-c55a54ac0b6e6a3d9aa943a719408fe1" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-6805b908fb7dfa4e2ce4285b682ee659" class="expand-content">
+    <div id="R-expandcontent-c55a54ac0b6e6a3d9aa943a719408fe1" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -314,13 +314,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-341bcf374373f89f3ff74e8c47aef5a3" aria-controls="R-expandcontent-341bcf374373f89f3ff74e8c47aef5a3" >
-    <label class="expand-label" for="R-expand-341bcf374373f89f3ff74e8c47aef5a3" >
+    <input type="checkbox" id="R-expand-d357e01abbfbab6df2283e440cc38e25" aria-controls="R-expandcontent-d357e01abbfbab6df2283e440cc38e25" >
+    <label class="expand-label" for="R-expand-d357e01abbfbab6df2283e440cc38e25" >
         <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-341bcf374373f89f3ff74e8c47aef5a3" class="expand-content">
+    <div id="R-expandcontent-d357e01abbfbab6df2283e440cc38e25" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -425,12 +425,12 @@ No need t' press ye!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -593,13 +593,13 @@ No need t' press ye!</div>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index aca4d19a9f..b05702e2d2 100644
--- a/pir/shortcodes/expand/index.print.html
+++ b/pir/shortcodes/expand/index.print.html
@@ -40,22 +40,22 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-73c4caba317da7f36a5530abd0a0a870" aria-controls="R-expandcontent-73c4caba317da7f36a5530abd0a0a870" >
-    <label class="expand-label" for="R-expand-73c4caba317da7f36a5530abd0a0a870" >
+    <input type="checkbox" id="R-expand-2cf981bc972b1b78761a3995770bc3a2" aria-controls="R-expandcontent-2cf981bc972b1b78761a3995770bc3a2" >
+    <label class="expand-label" for="R-expand-2cf981bc972b1b78761a3995770bc3a2" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-73c4caba317da7f36a5530abd0a0a870" class="expand-content">
+    <div id="R-expandcontent-2cf981bc972b1b78761a3995770bc3a2" 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-d72532ff507fd5214925f2cfd7fac786" aria-controls="R-expandcontent-d72532ff507fd5214925f2cfd7fac786" >
-    <label class="expand-label" for="R-expand-d72532ff507fd5214925f2cfd7fac786" >
+    <input type="checkbox" id="R-expand-4edb858ed920920cf3864096ea77d198" aria-controls="R-expandcontent-4edb858ed920920cf3864096ea77d198" >
+    <label class="expand-label" for="R-expand-4edb858ed920920cf3864096ea77d198" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-d72532ff507fd5214925f2cfd7fac786" class="expand-content">
+    <div id="R-expandcontent-4edb858ed920920cf3864096ea77d198" 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-6805b908fb7dfa4e2ce4285b682ee659" aria-controls="R-expandcontent-6805b908fb7dfa4e2ce4285b682ee659"  checked>
-    <label class="expand-label" for="R-expand-6805b908fb7dfa4e2ce4285b682ee659" >
+    <input type="checkbox" id="R-expand-c55a54ac0b6e6a3d9aa943a719408fe1" aria-controls="R-expandcontent-c55a54ac0b6e6a3d9aa943a719408fe1"  checked>
+    <label class="expand-label" for="R-expand-c55a54ac0b6e6a3d9aa943a719408fe1" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-6805b908fb7dfa4e2ce4285b682ee659" class="expand-content">
+    <div id="R-expandcontent-c55a54ac0b6e6a3d9aa943a719408fe1" 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-341bcf374373f89f3ff74e8c47aef5a3" aria-controls="R-expandcontent-341bcf374373f89f3ff74e8c47aef5a3" >
-    <label class="expand-label" for="R-expand-341bcf374373f89f3ff74e8c47aef5a3" >
+    <input type="checkbox" id="R-expand-d357e01abbfbab6df2283e440cc38e25" aria-controls="R-expandcontent-d357e01abbfbab6df2283e440cc38e25" >
+    <label class="expand-label" for="R-expand-d357e01abbfbab6df2283e440cc38e25" >
         <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-341bcf374373f89f3ff74e8c47aef5a3" class="expand-content">
+    <div id="R-expandcontent-d357e01abbfbab6df2283e440cc38e25" 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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.html b/pir/shortcodes/highlight/index.html
index f77f291168..d3c662daf7 100644
--- a/pir/shortcodes/highlight/index.html
+++ b/pir/shortcodes/highlight/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +148,13 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="f6a2d5923deedd23bac7679fc32e3041">
+<div class="tab-panel" data-tab-group="d884eb297abf06dac4f8e33793711dd9">
   <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" tabindex="-1"
-      onclick="switchTab('f6a2d5923deedd23bac7679fc32e3041','python')"
+      onclick="switchTab('d884eb297abf06dac4f8e33793711dd9','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -366,13 +366,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="91d7a69c43af9fe3b6ddb586e3c7828e">
+<div class="tab-panel" data-tab-group="da31f283ee97c7dd5e4607bb3068bdc6">
   <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" tabindex="-1"
-      onclick="switchTab('91d7a69c43af9fe3b6ddb586e3c7828e','python')"
+      onclick="switchTab('da31f283ee97c7dd5e4607bb3068bdc6','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -493,12 +493,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -661,13 +661,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.print.html b/pir/shortcodes/highlight/index.print.html
index 9e595c2fb7..625b6ab39f 100644
--- a/pir/shortcodes/highlight/index.print.html
+++ b/pir/shortcodes/highlight/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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="f6a2d5923deedd23bac7679fc32e3041">
+<div class="tab-panel" data-tab-group="d884eb297abf06dac4f8e33793711dd9">
   <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" tabindex="-1"
-      onclick="switchTab('f6a2d5923deedd23bac7679fc32e3041','python')"
+      onclick="switchTab('d884eb297abf06dac4f8e33793711dd9','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -322,13 +322,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="91d7a69c43af9fe3b6ddb586e3c7828e">
+<div class="tab-panel" data-tab-group="da31f283ee97c7dd5e4607bb3068bdc6">
   <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" tabindex="-1"
-      onclick="switchTab('91d7a69c43af9fe3b6ddb586e3c7828e','python')"
+      onclick="switchTab('da31f283ee97c7dd5e4607bb3068bdc6','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -368,8 +368,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index b70874a545..37a607066e 100644
--- a/pir/shortcodes/icon/index.html
+++ b/pir/shortcodes/icon/index.html
@@ -28,21 +28,21 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parame
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -336,12 +336,12 @@ 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?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -504,13 +504,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?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index 088fd1aaad..180f0b2fe3 100644
--- a/pir/shortcodes/icon/index.print.html
+++ b/pir/shortcodes/icon/index.print.html
@@ -28,22 +28,22 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parame
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 7ce1e36776..027f75fa0d 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -28,21 +28,21 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -326,12 +326,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?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -494,13 +494,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?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index 1e2f51e473..c9f41ea15a 100644
--- a/pir/shortcodes/include/index.print.html
+++ b/pir/shortcodes/include/index.print.html
@@ -28,22 +28,22 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index 06bb215c37..1ada7aaf6d 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783964" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783964" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783964" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783964" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783964" defer></script>
-        <script src="../../js/search.js?1701783964" defer></script>
+        <script src="../../js/auto-complete.js?1701789222" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789222" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789222" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789222" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789222" defer></script>
+        <script src="../../js/search.js?1701789222" 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?1701783964"></script>
+          <script async src="../../js/github-buttons.js?1701789222"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783964" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783964" defer></script>
-    <script src="../../js/theme.js?1701783964" defer></script>
+    <script src="../../js/clipboard.min.js?1701789222" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789222" defer></script>
+    <script src="../../js/theme.js?1701789222" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index f35ef78c9a..ddb96bf2e9 100644
--- a/pir/shortcodes/index.print.html
+++ b/pir/shortcodes/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../js/url.js?1701783965"></script>
-    <script src="../../js/variant.js?1701783965"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../js/url.js?1701789223"></script>
+    <script src="../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -590,8 +590,8 @@
 
 
 <p>Th' <code>button</code> shortcode displays a click'ble button wit' adjust'ble color, title an' ay'con.</p>
-<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Cap'n Hugo</a></span></p>
+<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Cap'n Hugo</span></a></span></p>
 <h2 id="usage">Usage</h2>
 <p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
 
@@ -701,55 +701,55 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> <span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> <span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> <span class="title">Get Cap'n Hugo</span></a></span></p>
 <h4 id="by-brand-colors">By Brand Colors</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span></p>
 <h4 id="by-color">By Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span></p>
 <h4 id="by-special-color">By Special Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span></a></span></p>
 <h3 id="icon">Ay'con</h3>
 <h4 id="empty">Empty</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"></a></span>
 <h4 id="only">Only</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="to-the-left">T' th' Left</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> Get Cap'n Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> <span class="title">Get Cap'n Hugo</span></a></span>
 <h4 id="to-the-right">T' th' Right</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposit'n</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo <i class="fa-fw fas fa-download"></i></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposit'n</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo</span> <i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="override-for-severity">Override fer Severity</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Cap'n Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Cap'n Hugo</span></a></span>
 <h3 id="target">Target</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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">target</span><span class="p">=</span><span class="s">&#34;_self&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span> <span class="nx">'n</span> <span class="nx">same</span> <span class="nx">window</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span> <span class="nx">'n</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self">Get Cap'n Hugo 'n same Window/Frame</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Cap'n Hugo 'n new Window/Frame (default)</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span> <span class="nx">'n</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self"><span class="title">Get Cap'n Hugo 'n same Window/Frame</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Cap'n Hugo 'n new Window/Frame (default)</span></a></span></p>
 <h3 id="other">Other</h3>
 <h4 id="with-user-defined-color-font-awesome-brand-icon-and-markdown-title">Wit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Cap'n Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> Get <strong>Cap'n Hugo</strong></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Cap'n Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> <span class="title">Get <strong>Cap'n Hugo</strong></span></a></span>
 <h4 id="severity-style-with-all-defaults">Severity Style wit' All Defaults</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Smarrrt Arrrse</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Smarrrt Arrrse</span></a></span>
 <h4 id="button-to-internal-page">Button t' Internal Plank</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../../index.html">Home</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../../index.html"><span class="title">Home</span></a></span>
 <h4 id="button-with-javascript-action">Button wit' JavaScript Act'n</h4>
 <p>If yer JavaScript act'n does not change th' focus afterwards, make sure t' call <code>this.blur()</code> 'n th' end t' unselect th' button.</p>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> Shout it out</button></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> <span class="title">Shout it out</span></button></span>
 <h4 id="button-within-a-form-element">Button within a <code>form</code> Element</h4>
 <p>T' use native HTML elements 'n yer Marrrkdown, add this 'n yer <code>hugo.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>
@@ -759,7 +759,7 @@
 </span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span></span></span></code></pre></div><form action="../../search.html" method="get">
   <div class="searchform" style="width: 20vw;">
     <input name="search-by-detail" class="search-by" type="search" placeholder="Search...">
-    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> Search</button></span>
+    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> <span class="title">Search</span></button></span>
   </div>
 </form>
 
@@ -1200,13 +1200,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-73c4caba317da7f36a5530abd0a0a870" aria-controls="R-expandcontent-73c4caba317da7f36a5530abd0a0a870" >
-    <label class="expand-label" for="R-expand-73c4caba317da7f36a5530abd0a0a870" >
+    <input type="checkbox" id="R-expand-2cf981bc972b1b78761a3995770bc3a2" aria-controls="R-expandcontent-2cf981bc972b1b78761a3995770bc3a2" >
+    <label class="expand-label" for="R-expand-2cf981bc972b1b78761a3995770bc3a2" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-73c4caba317da7f36a5530abd0a0a870" class="expand-content">
+    <div id="R-expandcontent-2cf981bc972b1b78761a3995770bc3a2" 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>
@@ -1324,26 +1324,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-d72532ff507fd5214925f2cfd7fac786" aria-controls="R-expandcontent-d72532ff507fd5214925f2cfd7fac786" >
-    <label class="expand-label" for="R-expand-d72532ff507fd5214925f2cfd7fac786" >
+    <input type="checkbox" id="R-expand-4edb858ed920920cf3864096ea77d198" aria-controls="R-expandcontent-4edb858ed920920cf3864096ea77d198" >
+    <label class="expand-label" for="R-expand-4edb858ed920920cf3864096ea77d198" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-d72532ff507fd5214925f2cfd7fac786" class="expand-content">
+    <div id="R-expandcontent-4edb858ed920920cf3864096ea77d198" 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-6805b908fb7dfa4e2ce4285b682ee659" aria-controls="R-expandcontent-6805b908fb7dfa4e2ce4285b682ee659"  checked>
-    <label class="expand-label" for="R-expand-6805b908fb7dfa4e2ce4285b682ee659" >
+    <input type="checkbox" id="R-expand-c55a54ac0b6e6a3d9aa943a719408fe1" aria-controls="R-expandcontent-c55a54ac0b6e6a3d9aa943a719408fe1"  checked>
+    <label class="expand-label" for="R-expand-c55a54ac0b6e6a3d9aa943a719408fe1" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-6805b908fb7dfa4e2ce4285b682ee659" class="expand-content">
+    <div id="R-expandcontent-c55a54ac0b6e6a3d9aa943a719408fe1" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -1364,13 +1364,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-341bcf374373f89f3ff74e8c47aef5a3" aria-controls="R-expandcontent-341bcf374373f89f3ff74e8c47aef5a3" >
-    <label class="expand-label" for="R-expand-341bcf374373f89f3ff74e8c47aef5a3" >
+    <input type="checkbox" id="R-expand-d357e01abbfbab6df2283e440cc38e25" aria-controls="R-expandcontent-d357e01abbfbab6df2283e440cc38e25" >
+    <label class="expand-label" for="R-expand-d357e01abbfbab6df2283e440cc38e25" >
         <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-341bcf374373f89f3ff74e8c47aef5a3" class="expand-content">
+    <div id="R-expandcontent-d357e01abbfbab6df2283e440cc38e25" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -1407,13 +1407,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="f6a2d5923deedd23bac7679fc32e3041">
+<div class="tab-panel" data-tab-group="d884eb297abf06dac4f8e33793711dd9">
   <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" tabindex="-1"
-      onclick="switchTab('f6a2d5923deedd23bac7679fc32e3041','python')"
+      onclick="switchTab('d884eb297abf06dac4f8e33793711dd9','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -1625,13 +1625,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="91d7a69c43af9fe3b6ddb586e3c7828e">
+<div class="tab-panel" data-tab-group="da31f283ee97c7dd5e4607bb3068bdc6">
   <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" tabindex="-1"
-      onclick="switchTab('91d7a69c43af9fe3b6ddb586e3c7828e','python')"
+      onclick="switchTab('da31f283ee97c7dd5e4607bb3068bdc6','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -3107,7 +3107,7 @@ xychart-beta
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-588b4de97737dcbc82246230d1dfa5f3"
+    id="R-openapi-914f4e0eaa549e874781ed0c39707e1c"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3205,13 +3205,13 @@ xychart-beta
 <p>T' use formatted parameter, add this 'n yer <code>hugo.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="af6bb81d2c716ff990426e5668a3c2de">
+<div class="tab-panel" data-tab-group="9fed09a3cfefba850d0f3e0a5587a1d0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('af6bb81d2c716ff990426e5668a3c2de','hugotoml')"
+      onclick="switchTab('9fed09a3cfefba850d0f3e0a5587a1d0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -3245,13 +3245,13 @@ xychart-beta
 <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/index.html"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="7a265f9af182ef7e2b7b2b3e95293dff">
+<div class="tab-panel" data-tab-group="4c12fe4ee2fa486b1e1bd0feac140050">
   <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" tabindex="-1"
-      onclick="switchTab('7a265f9af182ef7e2b7b2b3e95293dff','c')"
+      onclick="switchTab('4c12fe4ee2fa486b1e1bd0feac140050','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3356,13 +3356,13 @@ xychart-beta
 </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="028dea9392157036a29f2e11fff90c69">
+<div class="tab-panel" data-tab-group="1d7b13eab5d3480ce1a8d385fd8fcf49">
   <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" tabindex="-1"
-      onclick="switchTab('028dea9392157036a29f2e11fff90c69','code')"
+      onclick="switchTab('1d7b13eab5d3480ce1a8d385fd8fcf49','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -3384,13 +3384,13 @@ xychart-beta
 </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="3134726a96dbc9b9b4515c5fd5043a24">
+<div class="tab-panel" data-tab-group="7a3cf45243083859a9b8de01bc57ade6">
   <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" tabindex="-1"
-      onclick="switchTab('3134726a96dbc9b9b4515c5fd5043a24','mixed')"
+      onclick="switchTab('7a3cf45243083859a9b8de01bc57ade6','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -3435,41 +3435,41 @@ xychart-beta
 </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="a5b4872a0a5d1a33f494ebf2a9607093">
+<div class="tab-panel" data-tab-group="29b3498267edcf4a375c972c5210f5f3">
   <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" tabindex="-1"
-      onclick="switchTab('a5b4872a0a5d1a33f494ebf2a9607093','just-colored-style')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','just-color')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','default-style-and-color')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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>
@@ -3538,27 +3538,27 @@ xychart-beta
 <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/index.html"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="7b70dce6fc20ad20e10e8577606f9644">
+<div class="tab-panel" data-tab-group="1d7c5463bdbbc3385086257ea001a3cd">
   <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" tabindex="-1"
-      onclick="switchTab('7b70dce6fc20ad20e10e8577606f9644','py')"
+      onclick="switchTab('1d7c5463bdbbc3385086257ea001a3cd','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('7b70dce6fc20ad20e10e8577606f9644','sh')"
+      onclick="switchTab('1d7c5463bdbbc3385086257ea001a3cd','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('7b70dce6fc20ad20e10e8577606f9644','c')"
+      onclick="switchTab('1d7c5463bdbbc3385086257ea001a3cd','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3706,27 +3706,27 @@ xychart-beta
 <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="f07bbe4165e954a991b63b706e6a8026">
+<div class="tab-panel" data-tab-group="ef1481d5d5ddaa76177d0d00e5532be8">
   <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" tabindex="-1"
-      onclick="switchTab('f07bbe4165e954a991b63b706e6a8026','group-a-tab-view-1')"
+      onclick="switchTab('ef1481d5d5ddaa76177d0d00e5532be8','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('f07bbe4165e954a991b63b706e6a8026','group-a-tab-view-2')"
+      onclick="switchTab('ef1481d5d5ddaa76177d0d00e5532be8','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('f07bbe4165e954a991b63b706e6a8026','group-b')"
+      onclick="switchTab('ef1481d5d5ddaa76177d0d00e5532be8','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -4083,8 +4083,8 @@ xychart-beta
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783965" defer></script>
+    <script src="../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789223" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4113,27 +4113,27 @@ xychart-beta
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1701783965"></script>
-    <script src="../../js/d3/d3-color.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1701783965" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1701783965" defer></script>
-    <script src="../../js/js-yaml.min.js?1701783965" defer></script>
-    <script src="../../js/mermaid.min.js?1701783965" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1701789223"></script>
+    <script src="../../js/d3/d3-color.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1701789223" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1701789223" defer></script>
+    <script src="../../js/js-yaml.min.js?1701789223" defer></script>
+    <script src="../../js/mermaid.min.js?1701789223" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1701783965" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1701783965" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1701789223" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1701789223" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701783965", assetsBuster:  1701783965  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701789223", assetsBuster:  1701789223  };
     </script>
-    <script src="../../js/theme.js?1701783965" defer></script>
+    <script src="../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index 5c8c78e96d..b39808a9aa 100644
--- a/pir/shortcodes/math/index.html
+++ b/pir/shortcodes/math/index.html
@@ -30,21 +30,21 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -372,12 +372,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -540,13 +540,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -575,7 +575,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1701783963"></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1701789221"></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index 4f345db796..44f5b02e9c 100644
--- a/pir/shortcodes/math/index.print.html
+++ b/pir/shortcodes/math/index.print.html
@@ -30,22 +30,22 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -247,8 +247,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -277,7 +277,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1701783965"></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1701789223"></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index 75c3e30f3c..18589e8f73 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -30,21 +30,21 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -856,12 +856,12 @@ xychart-beta
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1024,27 +1024,27 @@ xychart-beta
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1701783963" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1701783963" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1701783963" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1701783963" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1701783963" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1701783963" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1701783963" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1701783963" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1701783963" defer></script>
-    <script src="../../../js/js-yaml.min.js?1701783963" defer></script>
-    <script src="../../../js/mermaid.min.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1701789221" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1701789221" defer></script>
+    <script src="../../../js/js-yaml.min.js?1701789221" defer></script>
+    <script src="../../../js/mermaid.min.js?1701789221" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index 9f4541dc6b..9e4dc77f58 100644
--- a/pir/shortcodes/mermaid/index.print.html
+++ b/pir/shortcodes/mermaid/index.print.html
@@ -30,22 +30,22 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -719,22 +719,22 @@ xychart-beta
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1701783965" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1701783965" defer></script>
-    <script src="../../../js/js-yaml.min.js?1701783965" defer></script>
-    <script src="../../../js/mermaid.min.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1701789223" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1701789223" defer></script>
+    <script src="../../../js/js-yaml.min.js?1701789223" defer></script>
+    <script src="../../../js/mermaid.min.js?1701789223" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 5632b78370..ec59947cd0 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -30,21 +30,21 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -559,12 +559,12 @@ 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?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -727,13 +727,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?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index 6552bce857..b47174618a 100644
--- a/pir/shortcodes/notice/index.print.html
+++ b/pir/shortcodes/notice/index.print.html
@@ -30,22 +30,22 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.html b/pir/shortcodes/openapi/index.html
index ddf3d1a255..5d98828350 100644
--- a/pir/shortcodes/openapi/index.html
+++ b/pir/shortcodes/openapi/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +210,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-588b4de97737dcbc82246230d1dfa5f3"
+    id="R-openapi-914f4e0eaa549e874781ed0c39707e1c"
     data-openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -304,12 +304,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -472,19 +472,19 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1701783965" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1701783965" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1701789223" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1701789223" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701783965", assetsBuster:  1701783965  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701789223", assetsBuster:  1701789223  };
     </script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.print.html b/pir/shortcodes/openapi/index.print.html
index fdb655aad4..8035557578 100644
--- a/pir/shortcodes/openapi/index.print.html
+++ b/pir/shortcodes/openapi/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-588b4de97737dcbc82246230d1dfa5f3"
+    id="R-openapi-914f4e0eaa549e874781ed0c39707e1c"
     data-openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -188,14 +188,14 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1701783965" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1701783965" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1701789223" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1701789223" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701783965", assetsBuster:  1701783965  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701789223", assetsBuster:  1701789223  };
     </script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 03e8d40454..2758dbca63 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -28,21 +28,21 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +216,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>hugo.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="af6bb81d2c716ff990426e5668a3c2de">
+<div class="tab-panel" data-tab-group="9fed09a3cfefba850d0f3e0a5587a1d0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('af6bb81d2c716ff990426e5668a3c2de','hugotoml')"
+      onclick="switchTab('9fed09a3cfefba850d0f3e0a5587a1d0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -330,12 +330,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?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -498,13 +498,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?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index 390f19da15..2264a9b7b8 100644
--- a/pir/shortcodes/siteparam/index.print.html
+++ b/pir/shortcodes/siteparam/index.print.html
@@ -28,22 +28,22 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>hugo.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="af6bb81d2c716ff990426e5668a3c2de">
+<div class="tab-panel" data-tab-group="9fed09a3cfefba850d0f3e0a5587a1d0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('af6bb81d2c716ff990426e5668a3c2de','hugotoml')"
+      onclick="switchTab('9fed09a3cfefba850d0f3e0a5587a1d0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.html b/pir/shortcodes/tab/index.html
index c69c2ebc77..f4bb353907 100644
--- a/pir/shortcodes/tab/index.html
+++ b/pir/shortcodes/tab/index.html
@@ -30,21 +30,21 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,13 +141,13 @@ 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/index.html"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="7a265f9af182ef7e2b7b2b3e95293dff">
+<div class="tab-panel" data-tab-group="4c12fe4ee2fa486b1e1bd0feac140050">
   <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" tabindex="-1"
-      onclick="switchTab('7a265f9af182ef7e2b7b2b3e95293dff','c')"
+      onclick="switchTab('4c12fe4ee2fa486b1e1bd0feac140050','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -252,13 +252,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="028dea9392157036a29f2e11fff90c69">
+<div class="tab-panel" data-tab-group="1d7b13eab5d3480ce1a8d385fd8fcf49">
   <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" tabindex="-1"
-      onclick="switchTab('028dea9392157036a29f2e11fff90c69','code')"
+      onclick="switchTab('1d7b13eab5d3480ce1a8d385fd8fcf49','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -280,13 +280,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="3134726a96dbc9b9b4515c5fd5043a24">
+<div class="tab-panel" data-tab-group="7a3cf45243083859a9b8de01bc57ade6">
   <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" tabindex="-1"
-      onclick="switchTab('3134726a96dbc9b9b4515c5fd5043a24','mixed')"
+      onclick="switchTab('7a3cf45243083859a9b8de01bc57ade6','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -331,41 +331,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="a5b4872a0a5d1a33f494ebf2a9607093">
+<div class="tab-panel" data-tab-group="29b3498267edcf4a375c972c5210f5f3">
   <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" tabindex="-1"
-      onclick="switchTab('a5b4872a0a5d1a33f494ebf2a9607093','just-colored-style')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','just-color')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','default-style-and-color')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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>
@@ -508,12 +508,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?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -676,13 +676,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?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.print.html b/pir/shortcodes/tab/index.print.html
index d8244fda2d..6eb821e5f8 100644
--- a/pir/shortcodes/tab/index.print.html
+++ b/pir/shortcodes/tab/index.print.html
@@ -30,22 +30,22 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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/index.html"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="7a265f9af182ef7e2b7b2b3e95293dff">
+<div class="tab-panel" data-tab-group="4c12fe4ee2fa486b1e1bd0feac140050">
   <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" tabindex="-1"
-      onclick="switchTab('7a265f9af182ef7e2b7b2b3e95293dff','c')"
+      onclick="switchTab('4c12fe4ee2fa486b1e1bd0feac140050','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="028dea9392157036a29f2e11fff90c69">
+<div class="tab-panel" data-tab-group="1d7b13eab5d3480ce1a8d385fd8fcf49">
   <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" tabindex="-1"
-      onclick="switchTab('028dea9392157036a29f2e11fff90c69','code')"
+      onclick="switchTab('1d7b13eab5d3480ce1a8d385fd8fcf49','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="3134726a96dbc9b9b4515c5fd5043a24">
+<div class="tab-panel" data-tab-group="7a3cf45243083859a9b8de01bc57ade6">
   <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" tabindex="-1"
-      onclick="switchTab('3134726a96dbc9b9b4515c5fd5043a24','mixed')"
+      onclick="switchTab('7a3cf45243083859a9b8de01bc57ade6','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="a5b4872a0a5d1a33f494ebf2a9607093">
+<div class="tab-panel" data-tab-group="29b3498267edcf4a375c972c5210f5f3">
   <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" tabindex="-1"
-      onclick="switchTab('a5b4872a0a5d1a33f494ebf2a9607093','just-colored-style')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','just-color')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','default-style-and-color')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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('a5b4872a0a5d1a33f494ebf2a9607093','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('29b3498267edcf4a375c972c5210f5f3','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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 74f3190d99..44868d01c9 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -30,21 +30,21 @@ hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -140,27 +140,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/index.html"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="7b70dce6fc20ad20e10e8577606f9644">
+<div class="tab-panel" data-tab-group="1d7c5463bdbbc3385086257ea001a3cd">
   <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" tabindex="-1"
-      onclick="switchTab('7b70dce6fc20ad20e10e8577606f9644','py')"
+      onclick="switchTab('1d7c5463bdbbc3385086257ea001a3cd','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('7b70dce6fc20ad20e10e8577606f9644','sh')"
+      onclick="switchTab('1d7c5463bdbbc3385086257ea001a3cd','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('7b70dce6fc20ad20e10e8577606f9644','c')"
+      onclick="switchTab('1d7c5463bdbbc3385086257ea001a3cd','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -308,27 +308,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="f07bbe4165e954a991b63b706e6a8026">
+<div class="tab-panel" data-tab-group="ef1481d5d5ddaa76177d0d00e5532be8">
   <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" tabindex="-1"
-      onclick="switchTab('f07bbe4165e954a991b63b706e6a8026','group-a-tab-view-1')"
+      onclick="switchTab('ef1481d5d5ddaa76177d0d00e5532be8','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('f07bbe4165e954a991b63b706e6a8026','group-a-tab-view-2')"
+      onclick="switchTab('ef1481d5d5ddaa76177d0d00e5532be8','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('f07bbe4165e954a991b63b706e6a8026','group-b')"
+      onclick="switchTab('ef1481d5d5ddaa76177d0d00e5532be8','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -765,12 +765,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?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783963" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783963" defer></script>
-        <script src="../../../js/search.js?1701783963" defer></script>
+        <script src="../../../js/auto-complete.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789221" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789221" defer></script>
+        <script src="../../../js/search.js?1701789221" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -933,13 +933,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?1701783963"></script>
+          <script async src="../../../js/github-buttons.js?1701789221"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783963" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783963" defer></script>
-    <script src="../../../js/theme.js?1701783963" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789221" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789221" defer></script>
+    <script src="../../../js/theme.js?1701789221" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index c723aeac7f..f189edd75f 100644
--- a/pir/shortcodes/tabs/index.print.html
+++ b/pir/shortcodes/tabs/index.print.html
@@ -30,22 +30,22 @@ hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../../js/url.js?1701783965"></script>
-    <script src="../../../js/variant.js?1701783965"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../../js/url.js?1701789223"></script>
+    <script src="../../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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/index.html"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="7b70dce6fc20ad20e10e8577606f9644">
+<div class="tab-panel" data-tab-group="1d7c5463bdbbc3385086257ea001a3cd">
   <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" tabindex="-1"
-      onclick="switchTab('7b70dce6fc20ad20e10e8577606f9644','py')"
+      onclick="switchTab('1d7c5463bdbbc3385086257ea001a3cd','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('7b70dce6fc20ad20e10e8577606f9644','sh')"
+      onclick="switchTab('1d7c5463bdbbc3385086257ea001a3cd','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('7b70dce6fc20ad20e10e8577606f9644','c')"
+      onclick="switchTab('1d7c5463bdbbc3385086257ea001a3cd','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="f07bbe4165e954a991b63b706e6a8026">
+<div class="tab-panel" data-tab-group="ef1481d5d5ddaa76177d0d00e5532be8">
   <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" tabindex="-1"
-      onclick="switchTab('f07bbe4165e954a991b63b706e6a8026','group-a-tab-view-1')"
+      onclick="switchTab('ef1481d5d5ddaa76177d0d00e5532be8','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('f07bbe4165e954a991b63b706e6a8026','group-a-tab-view-2')"
+      onclick="switchTab('ef1481d5d5ddaa76177d0d00e5532be8','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('f07bbe4165e954a991b63b706e6a8026','group-b')"
+      onclick="switchTab('ef1481d5d5ddaa76177d0d00e5532be8','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?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.html b/pir/showcase/index.html
index af54240e8c..0d1ce3f5da 100644
--- a/pir/showcase/index.html
+++ b/pir/showcase/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../js/search.js?1701783965" defer></script>
+        <script src="../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../js/theme.js?1701783965" defer></script>
+    <script src="../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.print.html b/pir/showcase/index.print.html
index cbac550cba..aab450f426 100644
--- a/pir/showcase/index.print.html
+++ b/pir/showcase/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="art-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?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783965" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783965" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783965" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783965" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783965" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783965" rel="stylesheet">
-    <link href="../../css/print.css?1701783965" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783965" rel="stylesheet">
-    <link href="../../css/ie.css?1701783965" rel="stylesheet">
-    <script src="../../js/url.js?1701783965"></script>
-    <script src="../../js/variant.js?1701783965"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789223" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789223" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789223" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789223" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789223" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789223" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789223" rel="stylesheet">
+    <link href="../../css/print.css?1701789223" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789223" rel="stylesheet">
+    <link href="../../css/ie.css?1701789223" rel="stylesheet">
+    <script src="../../js/url.js?1701789223"></script>
+    <script src="../../js/variant.js?1701789223"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../js/theme.js?1701783965" defer></script>
+    <script src="../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index 6676d8376e..c64b417c53 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../../pir/tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Tagga :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/tags/config/index.html b/pir/tags/config/index.html
index 184d325b6c..c6b3cb6609 100644
--- a/pir/tags/config/index.html
+++ b/pir/tags/config/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../../pir/tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tagga :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/tags/content/index.html b/pir/tags/content/index.html
index 84c91f727e..a9d73f5023 100644
--- a/pir/tags/content/index.html
+++ b/pir/tags/content/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../../pir/tags/content/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Tagga :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index 42ec8cbd97..b3d2f5c1e1 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -19,21 +19,21 @@
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
     <title>documentat&#39;n :: Tagga :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/documentatn/index.xml" rel="alternate" type="application/rss+xml" title="documentat&#39;n :: Tagga :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/tags/headless/index.html b/pir/tags/headless/index.html
index f304b74d35..6d875c5187 100644
--- a/pir/tags/headless/index.html
+++ b/pir/tags/headless/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../../pir/tags/headless/index.xml" rel="alternate" type="application/rss+xml" title="headless :: Tagga :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -195,12 +195,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -363,13 +363,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 7da9951bb8..187b028cde 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../pir/tags/index.xml" rel="alternate" type="application/rss+xml" title="Tag-a-taggs :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../js/search.js?1701783965" defer></script>
+        <script src="../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../js/theme.js?1701783965" defer></script>
+    <script src="../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/tags/its-hidden/index.html b/pir/tags/its-hidden/index.html
index 5977f2332e..8d26b8683f 100644
--- a/pir/tags/its-hidden/index.html
+++ b/pir/tags/its-hidden/index.html
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/its-hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/its-hidden/index.html" rel="alternate" hreflang="art-pir">
     <link href="../../../pir/tags/its-hidden/index.xml" rel="alternate" type="application/rss+xml" title="hush, matey :: Tagga :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -218,12 +218,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -386,13 +386,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 48cc675a28..f0c3b18847 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../../pir/tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="non-hidden :: Tagga :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index bab558fc76..67224934c9 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -19,21 +19,21 @@
     <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
     <title>tutorrrial :: Tagga :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/tutorrrial/index.xml" rel="alternate" type="application/rss+xml" title="tutorrrial :: Tagga :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1701783962" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789220" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783965" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783965" defer></script>
-        <script src="../../../js/search.js?1701783965" defer></script>
+        <script src="../../../js/auto-complete.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789223" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789223" defer></script>
+        <script src="../../../js/search.js?1701789223" 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?1701783965"></script>
+          <script async src="../../../js/github-buttons.js?1701789223"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783965" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783965" defer></script>
-    <script src="../../../js/theme.js?1701783965" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789223" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789223" defer></script>
+    <script src="../../../js/theme.js?1701789223" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index 3d6bc8b10a..8c52de0ee8 100644
--- a/search.html
+++ b/search.html
@@ -22,21 +22,21 @@
     <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="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="./css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="./css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1701783962" rel="stylesheet">
-    <link href="./css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="./css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="./css/variant.css?1701783962" rel="stylesheet">
-    <link href="./css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1701783962" rel="stylesheet">
-    <script src="./js/url.js?1701783962"></script>
-    <script src="./js/variant.js?1701783962"></script>
+    <link href="./css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="./css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="./css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1701789220" rel="stylesheet">
+    <link href="./css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="./css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="./css/variant.css?1701789220" rel="stylesheet">
+    <link href="./css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1701789220" rel="stylesheet">
+    <script src="./js/url.js?1701789220"></script>
+    <script src="./js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +95,7 @@
             <form action="javascript:triggerSearch()">
               <div class="searchform">
                 <label class="a11y-only" for="R-search-by-detail">Search</label>
-                <input data-search-input id="R-search-by-detail" class="search-by" name="search-by" type="search" placeholder="Search..."><span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> Search</button></span>
+                <input data-search-input id="R-search-by-detail" class="search-by" name="search-by" type="search" placeholder="Search..."><span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> <span class="title">Search</span></button></span>
               </div>
             </form>
             <div class="searchhint">
@@ -192,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1701783962" defer></script>
-        <script src="./js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="./js/search.js?1701783962" defer></script>
+        <script src="./js/auto-complete.js?1701789220" defer></script>
+        <script src="./js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="./js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -360,13 +360,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1701783962"></script>
+          <script async src="./js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1701783962" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="./js/theme.js?1701783962" defer></script>
+    <script src="./js/clipboard.min.js?1701789220" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="./js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 96b6851833..eb471377da 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -467,12 +467,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -635,13 +635,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index dacfeab728..01ce41ae5d 100644
--- a/shortcodes/attachments/index.print.html
+++ b/shortcodes/attachments/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index 6f1bddd671..1021beb40b 100644
--- a/shortcodes/badge/index.html
+++ b/shortcodes/badge/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -406,12 +406,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -574,13 +574,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index a5adcc6b9e..ab8d686ea4 100644
--- a/shortcodes/badge/index.print.html
+++ b/shortcodes/badge/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index 6030d760f3..289db67251 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -132,8 +132,8 @@
 <h1 id="button">Button</h1>
 
 <p>The <code>button</code> shortcode displays a clickable button with adjustable color, title and icon.</p>
-<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Hugo</a></span></p>
+<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Hugo</span></a></span></p>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
@@ -243,55 +243,55 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> Get Hugo</a></span>
-<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> Get Hugo</a></span>
-<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Get Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> <span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> <span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> <span class="title">Get Hugo</span></a></span></p>
 <h4 id="by-brand-colors">By Brand Colors</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span></p>
 <h4 id="by-color">By Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span></p>
 <h4 id="by-special-color">By Special Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span></p>
 <h3 id="icon">Icon</h3>
 <h4 id="empty">Empty</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"></a></span>
 <h4 id="only">Only</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="to-the-left">To the Left</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> Get Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> <span class="title">Get Hugo</span></a></span>
 <h4 id="to-the-right">To the Right</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposition</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo <i class="fa-fw fas fa-download"></i></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposition</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span> <i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="override-for-severity">Override for Severity</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Hugo</span></a></span>
 <h3 id="target">Target</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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">target</span><span class="p">=</span><span class="s">&#34;_self&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span> <span class="nx">in</span> <span class="nx">same</span> <span class="nx">window</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span> <span class="nx">in</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self">Get Hugo in same Window/Frame</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo in new Window/Frame (default)</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span> <span class="nx">in</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self"><span class="title">Get Hugo in same Window/Frame</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo in new Window/Frame (default)</span></a></span></p>
 <h3 id="other">Other</h3>
 <h4 id="with-user-defined-color-font-awesome-brand-icon-and-markdown-title">With User-Defined Color, Font Awesome Brand Icon and Markdown Title</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> Get <strong>Hugo</strong></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> <span class="title">Get <strong>Hugo</strong></span></a></span>
 <h4 id="severity-style-with-all-defaults">Severity Style with All Defaults</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Tip</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Tip</span></a></span>
 <h4 id="button-to-internal-page">Button to Internal Page</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../../index.html">Home</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../../index.html"><span class="title">Home</span></a></span>
 <h4 id="button-with-javascript-action">Button with JavaScript Action</h4>
 <p>If your JavaScript action does not change the focus afterwards, make sure to call <code>this.blur()</code> in the end to unselect the button.</p>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> Shout it out</button></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> <span class="title">Shout it out</span></button></span>
 <h4 id="button-within-a-form-element">Button within a <code>form</code> Element</h4>
 <p>To use native HTML elements in your Markdown, add this in your <code>hugo.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>
@@ -301,7 +301,7 @@
 </span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span></span></span></code></pre></div><form action="../../search.html" method="get">
   <div class="searchform" style="width: 20vw;">
     <input name="search-by-detail" class="search-by" type="search" placeholder="Search...">
-    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> Search</button></span>
+    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> <span class="title">Search</span></button></span>
   </div>
 </form>
 
@@ -393,12 +393,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -561,13 +561,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index b277bcbe85..c5ba48be71 100644
--- a/shortcodes/button/index.print.html
+++ b/shortcodes/button/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <h1 id="button">Button</h1>
 
 <p>The <code>button</code> shortcode displays a clickable button with adjustable color, title and icon.</p>
-<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Hugo</a></span></p>
+<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Hugo</span></a></span></p>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
@@ -205,55 +205,55 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> Get Hugo</a></span>
-<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> Get Hugo</a></span>
-<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Get Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> <span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> <span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> <span class="title">Get Hugo</span></a></span></p>
 <h4 id="by-brand-colors">By Brand Colors</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span></p>
 <h4 id="by-color">By Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span></p>
 <h4 id="by-special-color">By Special Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span></p>
 <h3 id="icon">Icon</h3>
 <h4 id="empty">Empty</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"></a></span>
 <h4 id="only">Only</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="to-the-left">To the Left</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> Get Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> <span class="title">Get Hugo</span></a></span>
 <h4 id="to-the-right">To the Right</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposition</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo <i class="fa-fw fas fa-download"></i></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposition</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span> <i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="override-for-severity">Override for Severity</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Hugo</span></a></span>
 <h3 id="target">Target</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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">target</span><span class="p">=</span><span class="s">&#34;_self&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span> <span class="nx">in</span> <span class="nx">same</span> <span class="nx">window</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span> <span class="nx">in</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self">Get Hugo in same Window/Frame</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo in new Window/Frame (default)</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span> <span class="nx">in</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self"><span class="title">Get Hugo in same Window/Frame</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo in new Window/Frame (default)</span></a></span></p>
 <h3 id="other">Other</h3>
 <h4 id="with-user-defined-color-font-awesome-brand-icon-and-markdown-title">With User-Defined Color, Font Awesome Brand Icon and Markdown Title</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> Get <strong>Hugo</strong></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> <span class="title">Get <strong>Hugo</strong></span></a></span>
 <h4 id="severity-style-with-all-defaults">Severity Style with All Defaults</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Tip</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Tip</span></a></span>
 <h4 id="button-to-internal-page">Button to Internal Page</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../../index.html">Home</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../../index.html"><span class="title">Home</span></a></span>
 <h4 id="button-with-javascript-action">Button with JavaScript Action</h4>
 <p>If your JavaScript action does not change the focus afterwards, make sure to call <code>this.blur()</code> in the end to unselect the button.</p>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> Shout it out</button></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> <span class="title">Shout it out</span></button></span>
 <h4 id="button-within-a-form-element">Button within a <code>form</code> Element</h4>
 <p>To use native HTML elements in your Markdown, add this in your <code>hugo.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>
@@ -263,7 +263,7 @@
 </span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span></span></span></code></pre></div><form action="../../search.html" method="get">
   <div class="searchform" style="width: 20vw;">
     <input name="search-by-detail" class="search-by" type="search" placeholder="Search...">
-    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> Search</button></span>
+    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> <span class="title">Search</span></button></span>
   </div>
 </form>
 
@@ -274,8 +274,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" 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 48ce0ba137..d837cbfa52 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
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../../../../../../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1701783961"></script>
-    <script src="../../../../../../../../js/variant.js?1701783961"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1701789219"></script>
+    <script src="../../../../../../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../../../../../../js/search.js?1701783962" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../../../../../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -386,13 +386,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../../../../js/theme.js?1701789220" 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 b1b4815fce..6734a260b3 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
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../../../../../../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../../../../js/theme.js?1701789220" 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 a2f1693409..7ad8f7d3f7 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
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../../../../../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701783961"></script>
-    <script src="../../../../../../../js/variant.js?1701783961"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701789219"></script>
+    <script src="../../../../../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -224,12 +224,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../../../../../js/search.js?1701783962" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../../../../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -396,13 +396,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../../../js/theme.js?1701789220" 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 88e6d79459..3c6ec48cdf 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
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../../../../../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../../../js/theme.js?1701789220" 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 afcdd55c70..7fef0439a4 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
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../../../../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701783961"></script>
-    <script src="../../../../../../js/variant.js?1701783961"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701789219"></script>
+    <script src="../../../../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../../../../js/search.js?1701783962" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../../../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../../../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../../js/theme.js?1701789220" 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 30057b0c5d..6f0de7dfb7 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
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../../../../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../../js/theme.js?1701789220" 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 5811086f54..f842e6cdf9 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
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../../../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701783961"></script>
-    <script src="../../../../../js/variant.js?1701783961"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701789219"></script>
+    <script src="../../../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -222,12 +222,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../../../js/search.js?1701783962" defer></script>
+        <script src="../../../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../js/theme.js?1701789220" 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 d5e124bcbc..c8f7c41a2c 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
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../../../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../js/theme.js?1701789220" 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 1dacd7632f..115338a08a 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
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701783961"></script>
-    <script src="../../../../../../js/variant.js?1701783961"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701789219"></script>
+    <script src="../../../../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -213,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../../../../js/search.js?1701783962" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../../../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -381,13 +381,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../../../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../../js/theme.js?1701789220" 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 3c3c05729f..ae664f195d 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
@@ -23,22 +23,22 @@
     <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="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../../js/theme.js?1701789220" 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 dbe224cea5..e21f8d6520 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
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701783961"></script>
-    <script src="../../../../../../js/variant.js?1701783961"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701789219"></script>
+    <script src="../../../../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -213,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../../../../js/search.js?1701783962" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../../../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -381,13 +381,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../../../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../../js/theme.js?1701789220" 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 a70345d5b2..fc3cc1f8df 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
@@ -23,22 +23,22 @@
     <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="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../../js/theme.js?1701789220" 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 ffaa91427d..2c3044ef11 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
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701783961"></script>
-    <script src="../../../../../js/variant.js?1701783961"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701789219"></script>
+    <script src="../../../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -212,12 +212,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../../../js/search.js?1701783962" defer></script>
+        <script src="../../../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -380,13 +380,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../js/theme.js?1701789220" 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 55c9f64836..400739684f 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
@@ -23,22 +23,22 @@
     <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="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701783962"></script>
-    <script src="../../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701789220"></script>
+    <script src="../../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../../js/theme.js?1701789220" 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 947754d208..9926ecb7b7 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783961"></script>
-    <script src="../../../../js/variant.js?1701783961"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789219"></script>
+    <script src="../../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -224,12 +224,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../../js/search.js?1701783962" defer></script>
+        <script src="../../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../js/theme.js?1701789220" 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 10d4c221d3..ed98413eb8 100644
--- a/shortcodes/children/children-1/children-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783962"></script>
-    <script src="../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789220"></script>
+    <script src="../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index 5b47b60d0e..e34488c5de 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../js/url.js?1701783961"></script>
-    <script src="../../../js/variant.js?1701783961"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../js/url.js?1701789219"></script>
+    <script src="../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../js/search.js?1701783962" defer></script>
+        <script src="../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index ae918c4c90..f78e7093c0 100644
--- a/shortcodes/children/children-1/index.print.html
+++ b/shortcodes/children/children-1/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 817186fd14..70d0f7a845 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../js/url.js?1701783961"></script>
-    <script src="../../../js/variant.js?1701783961"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../js/url.js?1701789219"></script>
+    <script src="../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../js/search.js?1701783962" defer></script>
+        <script src="../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index 39ed35bd23..3d70a6f12a 100644
--- a/shortcodes/children/children-2/index.print.html
+++ b/shortcodes/children/children-2/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index 88c368af31..120893b1e5 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../js/url.js?1701783961"></script>
-    <script src="../../../js/variant.js?1701783961"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../js/url.js?1701789219"></script>
+    <script src="../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../js/search.js?1701783962" defer></script>
+        <script src="../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index ac096086bd..2830b12e8e 100644
--- a/shortcodes/children/children-3/index.print.html
+++ b/shortcodes/children/children-3/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index 72707d4944..f6d11ce276 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783961"></script>
-    <script src="../../../../js/variant.js?1701783961"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789219"></script>
+    <script src="../../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -212,12 +212,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../../../js/search.js?1701783961" defer></script>
+        <script src="../../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -380,13 +380,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../../../js/theme.js?1701783961" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../js/theme.js?1701789220" 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 906915e6ad..a8b1dcf935 100644
--- a/shortcodes/children/children-3/test3/index.print.html
+++ b/shortcodes/children/children-3/test3/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../../js/url.js?1701783962"></script>
-    <script src="../../../../js/variant.js?1701783962"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../../js/url.js?1701789220"></script>
+    <script src="../../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index f7a7341f67..5d12730729 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="art-pir">
-    <link href="../../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../js/url.js?1701783961"></script>
-    <script src="../../../js/variant.js?1701783961"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../js/url.js?1701789219"></script>
+    <script src="../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../../js/search.js?1701783962" defer></script>
+        <script src="../../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -378,13 +378,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index c0f2a43a8c..d435a0764a 100644
--- a/shortcodes/children/children-4/index.print.html
+++ b/shortcodes/children/children-4/index.print.html
@@ -22,22 +22,22 @@
     <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="art-pir">
-    <link href="../../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index b3ab7b8122..0a4f0c19b4 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -408,12 +408,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -576,13 +576,13 @@ So its content is used as description.</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index 511d83d355..9faddcfeea 100644
--- a/shortcodes/children/index.print.html
+++ b/shortcodes/children/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 64193c0659..d3360c1f83 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -27,21 +27,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../../js/url.js?1701783961"></script>
-    <script src="../../../js/variant.js?1701783961"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../../js/url.js?1701789219"></script>
+    <script src="../../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -213,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../../js/search.js?1701783961" defer></script>
+        <script src="../../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -381,13 +381,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../../js/theme.js?1701783961" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index 5e95825dab..07b0d5b359 100644
--- a/shortcodes/children/test/index.print.html
+++ b/shortcodes/children/test/index.print.html
@@ -27,22 +27,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../../js/url.js?1701783962"></script>
-    <script src="../../../js/variant.js?1701783962"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../../js/url.js?1701789220"></script>
+    <script src="../../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../../js/theme.js?1701783962" defer></script>
+    <script src="../../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index c187cf61fb..8621a472a9 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -133,13 +133,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-971baec6ffb7020be3d1d42bfc4d0210" aria-controls="R-expandcontent-971baec6ffb7020be3d1d42bfc4d0210" >
-    <label class="expand-label" for="R-expand-971baec6ffb7020be3d1d42bfc4d0210" >
+    <input type="checkbox" id="R-expand-cc2392b01152135752d8fa1d3fbc485a" aria-controls="R-expandcontent-cc2392b01152135752d8fa1d3fbc485a" >
+    <label class="expand-label" for="R-expand-cc2392b01152135752d8fa1d3fbc485a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-971baec6ffb7020be3d1d42bfc4d0210" class="expand-content">
+    <div id="R-expandcontent-cc2392b01152135752d8fa1d3fbc485a" 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>
@@ -257,26 +257,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-d3c42112f285c5b7c46cabcbd1c6ca3f" aria-controls="R-expandcontent-d3c42112f285c5b7c46cabcbd1c6ca3f" >
-    <label class="expand-label" for="R-expand-d3c42112f285c5b7c46cabcbd1c6ca3f" >
+    <input type="checkbox" id="R-expand-90adfe87ee625c946bf85f2842810c63" aria-controls="R-expandcontent-90adfe87ee625c946bf85f2842810c63" >
+    <label class="expand-label" for="R-expand-90adfe87ee625c946bf85f2842810c63" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-d3c42112f285c5b7c46cabcbd1c6ca3f" class="expand-content">
+    <div id="R-expandcontent-90adfe87ee625c946bf85f2842810c63" 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-af866009601ff1225cfd712fdc0ed3fb" aria-controls="R-expandcontent-af866009601ff1225cfd712fdc0ed3fb"  checked>
-    <label class="expand-label" for="R-expand-af866009601ff1225cfd712fdc0ed3fb" >
+    <input type="checkbox" id="R-expand-976e98148fec89fa6eaa87193acdf74c" aria-controls="R-expandcontent-976e98148fec89fa6eaa87193acdf74c"  checked>
+    <label class="expand-label" for="R-expand-976e98148fec89fa6eaa87193acdf74c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-af866009601ff1225cfd712fdc0ed3fb" class="expand-content">
+    <div id="R-expandcontent-976e98148fec89fa6eaa87193acdf74c" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -297,13 +297,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-478ecbd608afd34ead6eee725172c834" aria-controls="R-expandcontent-478ecbd608afd34ead6eee725172c834" >
-    <label class="expand-label" for="R-expand-478ecbd608afd34ead6eee725172c834" >
+    <input type="checkbox" id="R-expand-8dcc92862c4880c4a871c6f531731b4c" aria-controls="R-expandcontent-8dcc92862c4880c4a871c6f531731b4c" >
+    <label class="expand-label" for="R-expand-8dcc92862c4880c4a871c6f531731b4c" >
         <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-478ecbd608afd34ead6eee725172c834" class="expand-content">
+    <div id="R-expandcontent-8dcc92862c4880c4a871c6f531731b4c" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -407,12 +407,12 @@ No need to press you!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -575,13 +575,13 @@ No need to press you!</div>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index 7195b06763..22ce9a2dd7 100644
--- a/shortcodes/expand/index.print.html
+++ b/shortcodes/expand/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-971baec6ffb7020be3d1d42bfc4d0210" aria-controls="R-expandcontent-971baec6ffb7020be3d1d42bfc4d0210" >
-    <label class="expand-label" for="R-expand-971baec6ffb7020be3d1d42bfc4d0210" >
+    <input type="checkbox" id="R-expand-cc2392b01152135752d8fa1d3fbc485a" aria-controls="R-expandcontent-cc2392b01152135752d8fa1d3fbc485a" >
+    <label class="expand-label" for="R-expand-cc2392b01152135752d8fa1d3fbc485a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-971baec6ffb7020be3d1d42bfc4d0210" class="expand-content">
+    <div id="R-expandcontent-cc2392b01152135752d8fa1d3fbc485a" 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-d3c42112f285c5b7c46cabcbd1c6ca3f" aria-controls="R-expandcontent-d3c42112f285c5b7c46cabcbd1c6ca3f" >
-    <label class="expand-label" for="R-expand-d3c42112f285c5b7c46cabcbd1c6ca3f" >
+    <input type="checkbox" id="R-expand-90adfe87ee625c946bf85f2842810c63" aria-controls="R-expandcontent-90adfe87ee625c946bf85f2842810c63" >
+    <label class="expand-label" for="R-expand-90adfe87ee625c946bf85f2842810c63" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-d3c42112f285c5b7c46cabcbd1c6ca3f" class="expand-content">
+    <div id="R-expandcontent-90adfe87ee625c946bf85f2842810c63" 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-af866009601ff1225cfd712fdc0ed3fb" aria-controls="R-expandcontent-af866009601ff1225cfd712fdc0ed3fb"  checked>
-    <label class="expand-label" for="R-expand-af866009601ff1225cfd712fdc0ed3fb" >
+    <input type="checkbox" id="R-expand-976e98148fec89fa6eaa87193acdf74c" aria-controls="R-expandcontent-976e98148fec89fa6eaa87193acdf74c"  checked>
+    <label class="expand-label" for="R-expand-976e98148fec89fa6eaa87193acdf74c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-af866009601ff1225cfd712fdc0ed3fb" class="expand-content">
+    <div id="R-expandcontent-976e98148fec89fa6eaa87193acdf74c" 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-478ecbd608afd34ead6eee725172c834" aria-controls="R-expandcontent-478ecbd608afd34ead6eee725172c834" >
-    <label class="expand-label" for="R-expand-478ecbd608afd34ead6eee725172c834" >
+    <input type="checkbox" id="R-expand-8dcc92862c4880c4a871c6f531731b4c" aria-controls="R-expandcontent-8dcc92862c4880c4a871c6f531731b4c" >
+    <label class="expand-label" for="R-expand-8dcc92862c4880c4a871c6f531731b4c" >
         <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-478ecbd608afd34ead6eee725172c834" class="expand-content">
+    <div id="R-expandcontent-8dcc92862c4880c4a871c6f531731b4c" 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.html b/shortcodes/highlight/index.html
index 6bb1cf33bd..f501b4628b 100644
--- a/shortcodes/highlight/index.html
+++ b/shortcodes/highlight/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -140,13 +140,13 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="5348f0f33c23b4e3bd47ac67a0beaeea">
+<div class="tab-panel" data-tab-group="24429f920de310216dcbbb1f525d1b8c">
   <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" tabindex="-1"
-      onclick="switchTab('5348f0f33c23b4e3bd47ac67a0beaeea','python')"
+      onclick="switchTab('24429f920de310216dcbbb1f525d1b8c','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -358,13 +358,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="3a791582d44c1cd210bba1d3a855dc8f">
+<div class="tab-panel" data-tab-group="b29ad38388e7d85a043a0b1ba094b4ac">
   <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" tabindex="-1"
-      onclick="switchTab('3a791582d44c1cd210bba1d3a855dc8f','python')"
+      onclick="switchTab('b29ad38388e7d85a043a0b1ba094b4ac','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -484,12 +484,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -652,13 +652,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.print.html b/shortcodes/highlight/index.print.html
index b86b35fb16..4836059484 100644
--- a/shortcodes/highlight/index.print.html
+++ b/shortcodes/highlight/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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="5348f0f33c23b4e3bd47ac67a0beaeea">
+<div class="tab-panel" data-tab-group="24429f920de310216dcbbb1f525d1b8c">
   <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" tabindex="-1"
-      onclick="switchTab('5348f0f33c23b4e3bd47ac67a0beaeea','python')"
+      onclick="switchTab('24429f920de310216dcbbb1f525d1b8c','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -314,13 +314,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="3a791582d44c1cd210bba1d3a855dc8f">
+<div class="tab-panel" data-tab-group="b29ad38388e7d85a043a0b1ba094b4ac">
   <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" tabindex="-1"
-      onclick="switchTab('3a791582d44c1cd210bba1d3a855dc8f','python')"
+      onclick="switchTab('b29ad38388e7d85a043a0b1ba094b4ac','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -359,8 +359,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index 8bbd8c623d..c30e3ad80f 100644
--- a/shortcodes/icon/index.html
+++ b/shortcodes/icon/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -330,12 +330,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -498,13 +498,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index 9dcd5b2eb6..99820a15fd 100644
--- a/shortcodes/icon/index.print.html
+++ b/shortcodes/icon/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index f96bd04106..81fd00b396 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" 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?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index cfb96578a2..454d7bda4a 100644
--- a/shortcodes/include/index.print.html
+++ b/shortcodes/include/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index 362187359d..40817df22d 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.html
@@ -24,21 +24,21 @@ Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a L
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
     <title></title>
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@ 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?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -389,13 +389,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?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index c5ddd203ef..ecedcffb03 100644
--- a/shortcodes/include_me/index.print.html
+++ b/shortcodes/include_me/index.print.html
@@ -24,22 +24,22 @@ Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a L
     <meta property="article:section" content="Shortcodes :: Hugo Relearn Theme">
     <meta property="og:site_name" content="Hugo Relearn Theme">
     <title></title>
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index d7c3378095..8e28efbf43 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../js/url.js?1701783961"></script>
-    <script src="../js/variant.js?1701783961"></script>
+    <link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../js/url.js?1701789219"></script>
+    <script src="../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -225,12 +225,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../js/search.js?1701783962" defer></script>
+        <script src="../js/auto-complete.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../js/theme.js?1701783962" defer></script>
+    <script src="../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index 767608ee62..237252a700 100644
--- a/shortcodes/index.print.html
+++ b/shortcodes/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../js/url.js?1701783962"></script>
-    <script src="../js/variant.js?1701783962"></script>
+    <link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../js/url.js?1701789220"></script>
+    <script src="../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -576,8 +576,8 @@
 <h1 id="button">Button</h1>
 
 <p>The <code>button</code> shortcode displays a clickable button with adjustable color, title and icon.</p>
-<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Hugo</a></span></p>
+<p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Hugo</span></a></span></p>
 <h2 id="usage">Usage</h2>
 <p>While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</p>
 
@@ -687,55 +687,55 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> Get Hugo</a></span>
-<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> Get Hugo</a></span>
-<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Get Hugo</a></span>
-<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive info"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-info-circle"></i> <span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive note"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-circle"></i> <span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-exclamation-triangle"></i> <span class="title">Get Hugo</span></a></span></p>
 <h4 id="by-brand-colors">By Brand Colors</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;accent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive primary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive secondary"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive accent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span></p>
 <h4 id="by-color">By Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive blue"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive green"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive grey"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive orange"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive red"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span></p>
 <h4 id="by-special-color">By Special Color</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive default"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span></a></span></p>
 <h3 id="icon">Icon</h3>
 <h4 id="empty">Empty</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34; &#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"></a></span>
 <h4 id="only">Only</h4>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="to-the-left">To the Left</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> Get Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-download"></i> <span class="title">Get Hugo</span></a></span>
 <h4 id="to-the-right">To the Right</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposition</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo <i class="fa-fw fas fa-download"></i></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">iconposition</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo</span> <i class="fa-fw fas fa-download"></i></a></span>
 <h4 id="override-for-severity">Override for Severity</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> Get Hugo</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive warning"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-dragon"></i> <span class="title">Get Hugo</span></a></span>
 <h3 id="target">Target</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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">target</span><span class="p">=</span><span class="s">&#34;_self&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span> <span class="nx">in</span> <span class="nx">same</span> <span class="nx">window</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span> <span class="nx">in</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self">Get Hugo in same Window/Frame</a></span>
-<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank">Get Hugo in new Window/Frame (default)</a></span></p>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span> <span class="nx">in</span> <span class="nx">new</span> <span class="nx">Window</span><span class="o">/</span><span class="nf">Frame</span> <span class="p">(</span><span class="k">default</span><span class="p">){{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><p><span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_self"><span class="title">Get Hugo in same Window/Frame</span></a></span>
+<span class="btn cstyle interactive transparent"><a href="https://gohugo.io/" target="_blank"><span class="title">Get Hugo in new Window/Frame (default)</span></a></span></p>
 <h3 id="other">Other</h3>
 <h4 id="with-user-defined-color-font-awesome-brand-icon-and-markdown-title">With User-Defined Color, Font Awesome Brand Icon and Markdown Title</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> Get <strong>Hugo</strong></a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">color</span><span class="p">=</span><span class="s">&#34;fuchsia&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;fab fa-hackerrank&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="o">**</span><span class="nx">Hugo</span><span class="o">**</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive default" style="--VARIABLE-BOX-color: fuchsia;"><a href="https://gohugo.io/" target="_blank"><i class="fab fa-hackerrank"></i> <span class="title">Get <strong>Hugo</strong></span></a></span>
 <h4 id="severity-style-with-all-defaults">Severity Style with All Defaults</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> Tip</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive tip"><a href="https://gohugo.io/" target="_blank"><i class="fa-fw fas fa-lightbulb"></i> <span class="title">Tip</span></a></span>
 <h4 id="button-to-internal-page">Button to Internal Page</h4>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../index.html">Home</a></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;/index.html&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Home</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive transparent"><a href="../index.html"><span class="title">Home</span></a></span>
 <h4 id="button-with-javascript-action">Button with JavaScript Action</h4>
 <p>If your JavaScript action does not change the focus afterwards, make sure to call <code>this.blur()</code> in the end to unselect the button.</p>
-<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> Shout it out</button></span>
+<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;bullhorn&#34;</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;javascript:alert(&#39;Hello world!&#39;);this.blur();&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Shout</span> <span class="nx">it</span> <span class="nx">out</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div><span class="btn cstyle interactive primary"><button onclick="alert(&#39;Hello world!&#39;);this.blur();" type="button"><i class="fa-fw fas fa-bullhorn"></i> <span class="title">Shout it out</span></button></span>
 <h4 id="button-within-a-form-element">Button within a <code>form</code> Element</h4>
 <p>To use native HTML elements in your Markdown, add this in your <code>hugo.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>
@@ -745,7 +745,7 @@
 </span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">form</span><span class="p">&gt;</span></span></span></code></pre></div><form action="../../search.html" method="get">
   <div class="searchform" style="width: 20vw;">
     <input name="search-by-detail" class="search-by" type="search" placeholder="Search...">
-    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> Search</button></span>
+    <span class="btn cstyle interactive secondary"><button onclick="" type="submit"><i class="fa-fw fas fa-search"></i> <span class="title">Search</span></button></span>
   </div>
 </form>
 
@@ -1164,13 +1164,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-971baec6ffb7020be3d1d42bfc4d0210" aria-controls="R-expandcontent-971baec6ffb7020be3d1d42bfc4d0210" >
-    <label class="expand-label" for="R-expand-971baec6ffb7020be3d1d42bfc4d0210" >
+    <input type="checkbox" id="R-expand-cc2392b01152135752d8fa1d3fbc485a" aria-controls="R-expandcontent-cc2392b01152135752d8fa1d3fbc485a" >
+    <label class="expand-label" for="R-expand-cc2392b01152135752d8fa1d3fbc485a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-971baec6ffb7020be3d1d42bfc4d0210" class="expand-content">
+    <div id="R-expandcontent-cc2392b01152135752d8fa1d3fbc485a" 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>
@@ -1288,26 +1288,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-d3c42112f285c5b7c46cabcbd1c6ca3f" aria-controls="R-expandcontent-d3c42112f285c5b7c46cabcbd1c6ca3f" >
-    <label class="expand-label" for="R-expand-d3c42112f285c5b7c46cabcbd1c6ca3f" >
+    <input type="checkbox" id="R-expand-90adfe87ee625c946bf85f2842810c63" aria-controls="R-expandcontent-90adfe87ee625c946bf85f2842810c63" >
+    <label class="expand-label" for="R-expand-90adfe87ee625c946bf85f2842810c63" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-d3c42112f285c5b7c46cabcbd1c6ca3f" class="expand-content">
+    <div id="R-expandcontent-90adfe87ee625c946bf85f2842810c63" 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-af866009601ff1225cfd712fdc0ed3fb" aria-controls="R-expandcontent-af866009601ff1225cfd712fdc0ed3fb"  checked>
-    <label class="expand-label" for="R-expand-af866009601ff1225cfd712fdc0ed3fb" >
+    <input type="checkbox" id="R-expand-976e98148fec89fa6eaa87193acdf74c" aria-controls="R-expandcontent-976e98148fec89fa6eaa87193acdf74c"  checked>
+    <label class="expand-label" for="R-expand-976e98148fec89fa6eaa87193acdf74c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-af866009601ff1225cfd712fdc0ed3fb" class="expand-content">
+    <div id="R-expandcontent-976e98148fec89fa6eaa87193acdf74c" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -1328,13 +1328,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-478ecbd608afd34ead6eee725172c834" aria-controls="R-expandcontent-478ecbd608afd34ead6eee725172c834" >
-    <label class="expand-label" for="R-expand-478ecbd608afd34ead6eee725172c834" >
+    <input type="checkbox" id="R-expand-8dcc92862c4880c4a871c6f531731b4c" aria-controls="R-expandcontent-8dcc92862c4880c4a871c6f531731b4c" >
+    <label class="expand-label" for="R-expand-8dcc92862c4880c4a871c6f531731b4c" >
         <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-478ecbd608afd34ead6eee725172c834" class="expand-content">
+    <div id="R-expandcontent-8dcc92862c4880c4a871c6f531731b4c" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -1362,13 +1362,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="5348f0f33c23b4e3bd47ac67a0beaeea">
+<div class="tab-panel" data-tab-group="24429f920de310216dcbbb1f525d1b8c">
   <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" tabindex="-1"
-      onclick="switchTab('5348f0f33c23b4e3bd47ac67a0beaeea','python')"
+      onclick="switchTab('24429f920de310216dcbbb1f525d1b8c','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -1580,13 +1580,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="3a791582d44c1cd210bba1d3a855dc8f">
+<div class="tab-panel" data-tab-group="b29ad38388e7d85a043a0b1ba094b4ac">
   <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" tabindex="-1"
-      onclick="switchTab('3a791582d44c1cd210bba1d3a855dc8f','python')"
+      onclick="switchTab('b29ad38388e7d85a043a0b1ba094b4ac','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -3036,7 +3036,7 @@ xychart-beta
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-2eee0e6efaf6750aff87183bc5571672"
+    id="R-openapi-de61bf2052d9a4def45dbe82220724f5"
     data-openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3132,13 +3132,13 @@ xychart-beta
 <p>To use formatted parameter, add this in your <code>hugo.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="836a15913e12d40556275f4daabfd2d8">
+<div class="tab-panel" data-tab-group="56ec9cbc20e67fe80cf7a1e10f804912">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('836a15913e12d40556275f4daabfd2d8','hugotoml')"
+      onclick="switchTab('56ec9cbc20e67fe80cf7a1e10f804912','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -3170,13 +3170,13 @@ xychart-beta
 <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/index.html"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="87d449fbb874c1cabc7a56a134e03e2b">
+<div class="tab-panel" data-tab-group="a316ea82b51f9b8b263557b34e15eaaf">
   <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" tabindex="-1"
-      onclick="switchTab('87d449fbb874c1cabc7a56a134e03e2b','c')"
+      onclick="switchTab('a316ea82b51f9b8b263557b34e15eaaf','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3281,13 +3281,13 @@ xychart-beta
 </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="a7ae5d81bc7a81445c94cef1ce7d25d9">
+<div class="tab-panel" data-tab-group="a82a507c17562026f8e2ebd7082fc66b">
   <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" tabindex="-1"
-      onclick="switchTab('a7ae5d81bc7a81445c94cef1ce7d25d9','code')"
+      onclick="switchTab('a82a507c17562026f8e2ebd7082fc66b','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -3309,13 +3309,13 @@ xychart-beta
 </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="b4894fb6137945d06149e2ed2a0df68b">
+<div class="tab-panel" data-tab-group="1906b4c7ba24d3dca653de999c41d847">
   <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" tabindex="-1"
-      onclick="switchTab('b4894fb6137945d06149e2ed2a0df68b','mixed')"
+      onclick="switchTab('1906b4c7ba24d3dca653de999c41d847','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -3360,41 +3360,41 @@ xychart-beta
 </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="0b08d7407aeb89493cb58d0ef297045e">
+<div class="tab-panel" data-tab-group="e03805b544cbcedae10bbf95f9d4a63c">
   <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" tabindex="-1"
-      onclick="switchTab('0b08d7407aeb89493cb58d0ef297045e','just-colored-style')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','just-color')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','default-style-and-color')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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>
@@ -3461,27 +3461,27 @@ xychart-beta
 <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/index.html"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="88674e625e9558c438e9abc6ca5eea05">
+<div class="tab-panel" data-tab-group="e717222aa2d5c888dc38aea9e9bbc808">
   <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" tabindex="-1"
-      onclick="switchTab('88674e625e9558c438e9abc6ca5eea05','py')"
+      onclick="switchTab('e717222aa2d5c888dc38aea9e9bbc808','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('88674e625e9558c438e9abc6ca5eea05','sh')"
+      onclick="switchTab('e717222aa2d5c888dc38aea9e9bbc808','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('88674e625e9558c438e9abc6ca5eea05','c')"
+      onclick="switchTab('e717222aa2d5c888dc38aea9e9bbc808','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3629,27 +3629,27 @@ xychart-beta
 <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="acc1360626e7a44897a548828bb86e08">
+<div class="tab-panel" data-tab-group="a008391963839e45206a1cc257525fcc">
   <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" tabindex="-1"
-      onclick="switchTab('acc1360626e7a44897a548828bb86e08','group-a-tab-view-1')"
+      onclick="switchTab('a008391963839e45206a1cc257525fcc','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('acc1360626e7a44897a548828bb86e08','group-a-tab-view-2')"
+      onclick="switchTab('a008391963839e45206a1cc257525fcc','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('acc1360626e7a44897a548828bb86e08','group-b')"
+      onclick="switchTab('a008391963839e45206a1cc257525fcc','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -4005,8 +4005,8 @@ xychart-beta
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783962" defer></script>
+    <script src="../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789220" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4035,27 +4035,27 @@ xychart-beta
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1701783962"></script>
-    <script src="../js/d3/d3-color.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1701783962" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1701783962" defer></script>
-    <script src="../js/js-yaml.min.js?1701783962" defer></script>
-    <script src="../js/mermaid.min.js?1701783962" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1701789220"></script>
+    <script src="../js/d3/d3-color.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1701789220" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1701789220" defer></script>
+    <script src="../js/js-yaml.min.js?1701789220" defer></script>
+    <script src="../js/mermaid.min.js?1701789220" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1701783962" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1701783962" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1701789220" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1701789220" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701783962", assetsBuster:  1701783962  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701789220", assetsBuster:  1701789220  };
     </script>
-    <script src="../js/theme.js?1701783962" defer></script>
+    <script src="../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index b097d21e88..6a9aff81e1 100644
--- a/shortcodes/math/index.html
+++ b/shortcodes/math/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -357,12 +357,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -525,13 +525,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -560,7 +560,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1701783961"></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1701789219"></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index 429776907d..2812bac6c2 100644
--- a/shortcodes/math/index.print.html
+++ b/shortcodes/math/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +232,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -262,7 +262,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1701783962"></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1701789220"></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 4ab9c9cf7a..f8b29ad8ba 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -841,12 +841,12 @@ xychart-beta
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1009,27 +1009,27 @@ xychart-beta
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1701783961" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1701783961" defer></script>
-    <script src="../../js/js-yaml.min.js?1701783961" defer></script>
-    <script src="../../js/mermaid.min.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1701789219" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1701789219" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1701789219" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1701789219" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1701789219" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1701789219" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1701789219" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1701789219" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1701789219" defer></script>
+    <script src="../../js/js-yaml.min.js?1701789219" defer></script>
+    <script src="../../js/mermaid.min.js?1701789219" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index 8fd497523b..7cd2807d95 100644
--- a/shortcodes/mermaid/index.print.html
+++ b/shortcodes/mermaid/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -704,22 +704,22 @@ xychart-beta
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1701783962" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1701783962" defer></script>
-    <script src="../../js/js-yaml.min.js?1701783962" defer></script>
-    <script src="../../js/mermaid.min.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1701789220" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1701789220" defer></script>
+    <script src="../../js/js-yaml.min.js?1701789220" defer></script>
+    <script src="../../js/mermaid.min.js?1701789220" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index 102569f75d..52bd332295 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -551,12 +551,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -719,13 +719,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index 589019f413..db942a9ebd 100644
--- a/shortcodes/notice/index.print.html
+++ b/shortcodes/notice/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.html b/shortcodes/openapi/index.html
index 6facf0b4a2..9f0e5f4e94 100644
--- a/shortcodes/openapi/index.html
+++ b/shortcodes/openapi/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +209,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-2eee0e6efaf6750aff87183bc5571672"
+    id="R-openapi-de61bf2052d9a4def45dbe82220724f5"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -302,12 +302,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -470,19 +470,19 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1701783962" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1701783962" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1701789220" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1701789220" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701783962", assetsBuster:  1701783962  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701789220", assetsBuster:  1701789220  };
     </script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.print.html b/shortcodes/openapi/index.print.html
index 65afefebc3..132ae5565f 100644
--- a/shortcodes/openapi/index.print.html
+++ b/shortcodes/openapi/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-2eee0e6efaf6750aff87183bc5571672"
+    id="R-openapi-de61bf2052d9a4def45dbe82220724f5"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -186,14 +186,14 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1701783962" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1701783962" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1701789220" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1701789220" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701783962", assetsBuster:  1701783962  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701789220", assetsBuster:  1701789220  };
     </script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index 9a120e1373..503d0717c9 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +211,13 @@
 <p>To use formatted parameter, add this in your <code>hugo.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="836a15913e12d40556275f4daabfd2d8">
+<div class="tab-panel" data-tab-group="56ec9cbc20e67fe80cf7a1e10f804912">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('836a15913e12d40556275f4daabfd2d8','hugotoml')"
+      onclick="switchTab('56ec9cbc20e67fe80cf7a1e10f804912','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -324,12 +324,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -492,13 +492,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index 650844a7f0..5a6a015052 100644
--- a/shortcodes/siteparam/index.print.html
+++ b/shortcodes/siteparam/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>hugo.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="836a15913e12d40556275f4daabfd2d8">
+<div class="tab-panel" data-tab-group="56ec9cbc20e67fe80cf7a1e10f804912">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="hugotoml"
       class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
-      onclick="switchTab('836a15913e12d40556275f4daabfd2d8','hugotoml')"
+      onclick="switchTab('56ec9cbc20e67fe80cf7a1e10f804912','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -207,8 +207,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.html b/shortcodes/tab/index.html
index a557791a25..db21abd1ed 100644
--- a/shortcodes/tab/index.html
+++ b/shortcodes/tab/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 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/index.html"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="87d449fbb874c1cabc7a56a134e03e2b">
+<div class="tab-panel" data-tab-group="a316ea82b51f9b8b263557b34e15eaaf">
   <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" tabindex="-1"
-      onclick="switchTab('87d449fbb874c1cabc7a56a134e03e2b','c')"
+      onclick="switchTab('a316ea82b51f9b8b263557b34e15eaaf','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -245,13 +245,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="a7ae5d81bc7a81445c94cef1ce7d25d9">
+<div class="tab-panel" data-tab-group="a82a507c17562026f8e2ebd7082fc66b">
   <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" tabindex="-1"
-      onclick="switchTab('a7ae5d81bc7a81445c94cef1ce7d25d9','code')"
+      onclick="switchTab('a82a507c17562026f8e2ebd7082fc66b','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -273,13 +273,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="b4894fb6137945d06149e2ed2a0df68b">
+<div class="tab-panel" data-tab-group="1906b4c7ba24d3dca653de999c41d847">
   <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" tabindex="-1"
-      onclick="switchTab('b4894fb6137945d06149e2ed2a0df68b','mixed')"
+      onclick="switchTab('1906b4c7ba24d3dca653de999c41d847','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -324,41 +324,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="0b08d7407aeb89493cb58d0ef297045e">
+<div class="tab-panel" data-tab-group="e03805b544cbcedae10bbf95f9d4a63c">
   <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" tabindex="-1"
-      onclick="switchTab('0b08d7407aeb89493cb58d0ef297045e','just-colored-style')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','just-color')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','default-style-and-color')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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>
@@ -500,12 +500,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789219" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789219" defer></script>
+        <script src="../../js/search.js?1701789219" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -668,13 +668,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789219"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789219" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789219" defer></script>
+    <script src="../../js/theme.js?1701789219" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.print.html b/shortcodes/tab/index.print.html
index 7fde7e068b..778154039b 100644
--- a/shortcodes/tab/index.print.html
+++ b/shortcodes/tab/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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/index.html"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="87d449fbb874c1cabc7a56a134e03e2b">
+<div class="tab-panel" data-tab-group="a316ea82b51f9b8b263557b34e15eaaf">
   <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" tabindex="-1"
-      onclick="switchTab('87d449fbb874c1cabc7a56a134e03e2b','c')"
+      onclick="switchTab('a316ea82b51f9b8b263557b34e15eaaf','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="a7ae5d81bc7a81445c94cef1ce7d25d9">
+<div class="tab-panel" data-tab-group="a82a507c17562026f8e2ebd7082fc66b">
   <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" tabindex="-1"
-      onclick="switchTab('a7ae5d81bc7a81445c94cef1ce7d25d9','code')"
+      onclick="switchTab('a82a507c17562026f8e2ebd7082fc66b','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="b4894fb6137945d06149e2ed2a0df68b">
+<div class="tab-panel" data-tab-group="1906b4c7ba24d3dca653de999c41d847">
   <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" tabindex="-1"
-      onclick="switchTab('b4894fb6137945d06149e2ed2a0df68b','mixed')"
+      onclick="switchTab('1906b4c7ba24d3dca653de999c41d847','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="0b08d7407aeb89493cb58d0ef297045e">
+<div class="tab-panel" data-tab-group="e03805b544cbcedae10bbf95f9d4a63c">
   <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" tabindex="-1"
-      onclick="switchTab('0b08d7407aeb89493cb58d0ef297045e','just-colored-style')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','just-color')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','default-style-and-color')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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('0b08d7407aeb89493cb58d0ef297045e','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('e03805b544cbcedae10bbf95f9d4a63c','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?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index b495ca4a70..30eb1e3b96 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -24,21 +24,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -133,27 +133,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/index.html"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="88674e625e9558c438e9abc6ca5eea05">
+<div class="tab-panel" data-tab-group="e717222aa2d5c888dc38aea9e9bbc808">
   <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" tabindex="-1"
-      onclick="switchTab('88674e625e9558c438e9abc6ca5eea05','py')"
+      onclick="switchTab('e717222aa2d5c888dc38aea9e9bbc808','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('88674e625e9558c438e9abc6ca5eea05','sh')"
+      onclick="switchTab('e717222aa2d5c888dc38aea9e9bbc808','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('88674e625e9558c438e9abc6ca5eea05','c')"
+      onclick="switchTab('e717222aa2d5c888dc38aea9e9bbc808','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -301,27 +301,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="acc1360626e7a44897a548828bb86e08">
+<div class="tab-panel" data-tab-group="a008391963839e45206a1cc257525fcc">
   <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" tabindex="-1"
-      onclick="switchTab('acc1360626e7a44897a548828bb86e08','group-a-tab-view-1')"
+      onclick="switchTab('a008391963839e45206a1cc257525fcc','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('acc1360626e7a44897a548828bb86e08','group-a-tab-view-2')"
+      onclick="switchTab('a008391963839e45206a1cc257525fcc','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('acc1360626e7a44897a548828bb86e08','group-b')"
+      onclick="switchTab('a008391963839e45206a1cc257525fcc','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -757,12 +757,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783961" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783961" defer></script>
-        <script src="../../js/search.js?1701783961" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -925,13 +925,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783961"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783961" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783961" defer></script>
-    <script src="../../js/theme.js?1701783961" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index bc131205f1..6ff26429e3 100644
--- a/shortcodes/tabs/index.print.html
+++ b/shortcodes/tabs/index.print.html
@@ -24,22 +24,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../../js/url.js?1701783962"></script>
-    <script src="../../js/variant.js?1701783962"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../../js/url.js?1701789220"></script>
+    <script src="../../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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/index.html"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="88674e625e9558c438e9abc6ca5eea05">
+<div class="tab-panel" data-tab-group="e717222aa2d5c888dc38aea9e9bbc808">
   <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" tabindex="-1"
-      onclick="switchTab('88674e625e9558c438e9abc6ca5eea05','py')"
+      onclick="switchTab('e717222aa2d5c888dc38aea9e9bbc808','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('88674e625e9558c438e9abc6ca5eea05','sh')"
+      onclick="switchTab('e717222aa2d5c888dc38aea9e9bbc808','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('88674e625e9558c438e9abc6ca5eea05','c')"
+      onclick="switchTab('e717222aa2d5c888dc38aea9e9bbc808','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="acc1360626e7a44897a548828bb86e08">
+<div class="tab-panel" data-tab-group="a008391963839e45206a1cc257525fcc">
   <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" tabindex="-1"
-      onclick="switchTab('acc1360626e7a44897a548828bb86e08','group-a-tab-view-1')"
+      onclick="switchTab('a008391963839e45206a1cc257525fcc','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('acc1360626e7a44897a548828bb86e08','group-a-tab-view-2')"
+      onclick="switchTab('a008391963839e45206a1cc257525fcc','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('acc1360626e7a44897a548828bb86e08','group-b')"
+      onclick="switchTab('a008391963839e45206a1cc257525fcc','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -640,8 +640,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/showcase/index.html b/showcase/index.html
index cbddf56e56..46192b0788 100644
--- a/showcase/index.html
+++ b/showcase/index.html
@@ -23,21 +23,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../js/url.js?1701783961"></script>
-    <script src="../js/variant.js?1701783961"></script>
+    <link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../js/url.js?1701789219"></script>
+    <script src="../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../js/search.js?1701783962" defer></script>
+        <script src="../js/auto-complete.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../js/theme.js?1701783962" defer></script>
+    <script src="../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/showcase/index.print.html b/showcase/index.print.html
index 81d05ba0bd..79c3b39880 100644
--- a/showcase/index.print.html
+++ b/showcase/index.print.html
@@ -23,22 +23,22 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783962" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783962" rel="stylesheet">
-    <link href="../css/fonts.css?1701783962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783962" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783962" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783962" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783962" rel="stylesheet">
-    <link href="../css/print.css?1701783962" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1701783962" rel="stylesheet">
-    <link href="../css/ie.css?1701783962" rel="stylesheet">
-    <script src="../js/url.js?1701783962"></script>
-    <script src="../js/variant.js?1701783962"></script>
+    <link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789220" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789220" rel="stylesheet">
+    <link href="../css/fonts.css?1701789220" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789220" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789220" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789220" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789220" rel="stylesheet">
+    <link href="../css/print.css?1701789220" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1701789220" rel="stylesheet">
+    <link href="../css/ie.css?1701789220" rel="stylesheet">
+    <script src="../js/url.js?1701789220"></script>
+    <script src="../js/variant.js?1701789220"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../js/theme.js?1701783962" defer></script>
+    <script src="../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 9e096d959e..590df86e59 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/tags/config/index.html b/tags/config/index.html
index 013a130c60..2cd0089dd6 100644
--- a/tags/config/index.html
+++ b/tags/config/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/tags/content/index.html b/tags/content/index.html
index 7a7f16dea4..a923b8aebc 100644
--- a/tags/content/index.html
+++ b/tags/content/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../tags/content/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 6fae0e601b..df785d349a 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -19,21 +19,21 @@
     <meta property="og:site_name" content="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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/tags/headless/index.html b/tags/headless/index.html
index fb20f8c8cb..52f73058c4 100644
--- a/tags/headless/index.html
+++ b/tags/headless/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
     <link href="../../tags/headless/index.xml" rel="alternate" type="application/rss+xml" title="headless :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -195,12 +195,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -363,13 +363,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index ac691f40bb..017db41e5f 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -22,21 +22,21 @@
     <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="art-pir">
-    <link href="../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../js/url.js?1701783961"></script>
-    <script src="../js/variant.js?1701783961"></script>
+    <link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../js/url.js?1701789219"></script>
+    <script src="../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../js/search.js?1701783962" defer></script>
+        <script src="../js/auto-complete.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../js/theme.js?1701783962" defer></script>
+    <script src="../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/tags/its-hidden/index.html b/tags/its-hidden/index.html
index 6e56e190b9..2728b1b576 100644
--- a/tags/its-hidden/index.html
+++ b/tags/its-hidden/index.html
@@ -22,21 +22,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/its-hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/its-hidden/index.html" rel="alternate" hreflang="art-pir">
     <link href="../../tags/its-hidden/index.xml" rel="alternate" type="application/rss+xml" title="a secret :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -216,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -384,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 027d85ef71..e35e402778 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -22,21 +22,21 @@
     <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="art-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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index b86eafd15f..648c6b99de 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -19,21 +19,21 @@
     <meta property="og:site_name" content="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?1701783961" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701789219" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701783961" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701783961" rel="stylesheet">
-    <link href="../../css/fonts.css?1701783961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701783961" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701783961" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701783961" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701783961" rel="stylesheet">
-    <link href="../../css/print.css?1701783961" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701783961" rel="stylesheet">
-    <script src="../../js/url.js?1701783961"></script>
-    <script src="../../js/variant.js?1701783961"></script>
+    <link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701789219" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701789219" rel="stylesheet">
+    <link href="../../css/fonts.css?1701789219" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701789219" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701789219" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701789219" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701789219" rel="stylesheet">
+    <link href="../../css/print.css?1701789219" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701789219" rel="stylesheet">
+    <script src="../../js/url.js?1701789219"></script>
+    <script src="../../js/variant.js?1701789219"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701783962" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701783962" defer></script>
-        <script src="../../js/search.js?1701783962" defer></script>
+        <script src="../../js/auto-complete.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701789220" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701789220" defer></script>
+        <script src="../../js/search.js?1701789220" 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?1701783962"></script>
+          <script async src="../../js/github-buttons.js?1701789220"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701783962" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701783962" defer></script>
-    <script src="../../js/theme.js?1701783962" defer></script>
+    <script src="../../js/clipboard.min.js?1701789220" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701789220" defer></script>
+    <script src="../../js/theme.js?1701789220" defer></script>
   </body>
 </html>