diff --git a/404.html b/404.html
index 7462358dca..1b2dd049e2 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="./css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="./css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1701476211" rel="stylesheet">
-    <link href="./css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="./css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="./css/variant.css?1701476211" rel="stylesheet">
-    <link href="./css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1701476211" rel="stylesheet">
-    <script src="./js/url.js?1701476211"></script>
-    <script src="./js/variant.js?1701476211"></script>
+    <link href="./css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="./css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="./css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1701613407" rel="stylesheet">
+    <link href="./css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="./css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="./css/variant.css?1701613407" rel="stylesheet">
+    <link href="./css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1701613407" rel="stylesheet">
+    <script src="./js/url.js?1701613407"></script>
+    <script src="./js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,6 +43,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
diff --git a/basics/branding/index.html b/basics/branding/index.html
index 1c431267fd..75fa465b91 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -163,13 +164,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="539f0a06222fd6f01617408cf65edac5">
+<div class="tab-panel" data-tab-group="f4f48548ead82d0a7eaf9e69b9f22c85">
   <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('539f0a06222fd6f01617408cf65edac5','hugotoml')"
+      onclick="switchTab('f4f48548ead82d0a7eaf9e69b9f22c85','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -197,13 +198,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="6edf380fc16b031768edf3e3f529f2ca">
+<div class="tab-panel" data-tab-group="3b7037f08ad07a0b407d169e178fba54">
   <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('6edf380fc16b031768edf3e3f529f2ca','hugotoml')"
+      onclick="switchTab('3b7037f08ad07a0b407d169e178fba54','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -232,13 +233,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="5f4afbacec6f280968e1fdc861af3a70">
+<div class="tab-panel" data-tab-group="1374b77bb51d70e0874767a779df4553">
   <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('5f4afbacec6f280968e1fdc861af3a70','hugotoml')"
+      onclick="switchTab('1374b77bb51d70e0874767a779df4553','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -258,13 +259,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="d98d2e9bb05f36e37b18b48e3bbc51ab">
+<div class="tab-panel" data-tab-group="a06184f29f3049033fb849fb8e7295aa">
   <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('d98d2e9bb05f36e37b18b48e3bbc51ab','hugotoml')"
+      onclick="switchTab('a06184f29f3049033fb849fb8e7295aa','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -286,13 +287,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="a72f6ce00e6f96a47df2365e76ef984b">
+<div class="tab-panel" data-tab-group="d09e719ae34bd24c996be0e6397056b6">
   <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('a72f6ce00e6f96a47df2365e76ef984b','layoutspartialsfaviconhtml')"
+      onclick="switchTab('d09e719ae34bd24c996be0e6397056b6','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -326,13 +327,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="8e2c4ed0cd5ad150a91725e3ec0fac45">
+<div class="tab-panel" data-tab-group="00ccf20ae56e4479254c8d179b66c9ed">
   <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('8e2c4ed0cd5ad150a91725e3ec0fac45','hugotoml')"
+      onclick="switchTab('00ccf20ae56e4479254c8d179b66c9ed','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -350,13 +351,13 @@
 </div><p>you now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="94566ba0d58a44c743757637b46d5a93">
+<div class="tab-panel" data-tab-group="913a2b0ed9db8a3219f4479900726380">
   <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('94566ba0d58a44c743757637b46d5a93','hugotoml')"
+      onclick="switchTab('913a2b0ed9db8a3219f4479900726380','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -405,13 +406,13 @@
 <h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
 
   
-<div class="tab-panel" data-tab-group="4cbc63c31d92699b959c9c13fdf75a09">
+<div class="tab-panel" data-tab-group="dbe2615d24af4815e40c2c935e24c7af">
   <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('4cbc63c31d92699b959c9c13fdf75a09','hugotoml')"
+      onclick="switchTab('dbe2615d24af4815e40c2c935e24c7af','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -456,13 +457,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="6390c68796a29c2a17098534847f37bb">
+<div class="tab-panel" data-tab-group="51a403ca6c1dc2b0ed81fde692f96d8a">
   <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('6390c68796a29c2a17098534847f37bb','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('51a403ca6c1dc2b0ed81fde692f96d8a','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-branding.css</span>
     </button>
@@ -485,13 +486,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="824d99127f6f09b93e6c3de11123570f">
+<div class="tab-panel" data-tab-group="ca569dd1225973c76d0bafa27d052936">
   <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('824d99127f6f09b93e6c3de11123570f','hugotoml')"
+      onclick="switchTab('ca569dd1225973c76d0bafa27d052936','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -605,12 +606,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -770,13 +771,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/basics/branding/index.print.html b/basics/branding/index.print.html
index 9ed1993a71..15e185b93b 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -103,13 +104,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="539f0a06222fd6f01617408cf65edac5">
+<div class="tab-panel" data-tab-group="f4f48548ead82d0a7eaf9e69b9f22c85">
   <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('539f0a06222fd6f01617408cf65edac5','hugotoml')"
+      onclick="switchTab('f4f48548ead82d0a7eaf9e69b9f22c85','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -137,13 +138,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="6edf380fc16b031768edf3e3f529f2ca">
+<div class="tab-panel" data-tab-group="3b7037f08ad07a0b407d169e178fba54">
   <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('6edf380fc16b031768edf3e3f529f2ca','hugotoml')"
+      onclick="switchTab('3b7037f08ad07a0b407d169e178fba54','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -172,13 +173,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="5f4afbacec6f280968e1fdc861af3a70">
+<div class="tab-panel" data-tab-group="1374b77bb51d70e0874767a779df4553">
   <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('5f4afbacec6f280968e1fdc861af3a70','hugotoml')"
+      onclick="switchTab('1374b77bb51d70e0874767a779df4553','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -198,13 +199,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="d98d2e9bb05f36e37b18b48e3bbc51ab">
+<div class="tab-panel" data-tab-group="a06184f29f3049033fb849fb8e7295aa">
   <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('d98d2e9bb05f36e37b18b48e3bbc51ab','hugotoml')"
+      onclick="switchTab('a06184f29f3049033fb849fb8e7295aa','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -226,13 +227,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="a72f6ce00e6f96a47df2365e76ef984b">
+<div class="tab-panel" data-tab-group="d09e719ae34bd24c996be0e6397056b6">
   <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('a72f6ce00e6f96a47df2365e76ef984b','layoutspartialsfaviconhtml')"
+      onclick="switchTab('d09e719ae34bd24c996be0e6397056b6','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -266,13 +267,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="8e2c4ed0cd5ad150a91725e3ec0fac45">
+<div class="tab-panel" data-tab-group="00ccf20ae56e4479254c8d179b66c9ed">
   <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('8e2c4ed0cd5ad150a91725e3ec0fac45','hugotoml')"
+      onclick="switchTab('00ccf20ae56e4479254c8d179b66c9ed','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -290,13 +291,13 @@
 </div><p>you now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="94566ba0d58a44c743757637b46d5a93">
+<div class="tab-panel" data-tab-group="913a2b0ed9db8a3219f4479900726380">
   <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('94566ba0d58a44c743757637b46d5a93','hugotoml')"
+      onclick="switchTab('913a2b0ed9db8a3219f4479900726380','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -345,13 +346,13 @@
 <h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
 
   
-<div class="tab-panel" data-tab-group="4cbc63c31d92699b959c9c13fdf75a09">
+<div class="tab-panel" data-tab-group="dbe2615d24af4815e40c2c935e24c7af">
   <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('4cbc63c31d92699b959c9c13fdf75a09','hugotoml')"
+      onclick="switchTab('dbe2615d24af4815e40c2c935e24c7af','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -396,13 +397,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="6390c68796a29c2a17098534847f37bb">
+<div class="tab-panel" data-tab-group="51a403ca6c1dc2b0ed81fde692f96d8a">
   <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('6390c68796a29c2a17098534847f37bb','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('51a403ca6c1dc2b0ed81fde692f96d8a','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-branding.css</span>
     </button>
@@ -425,13 +426,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="824d99127f6f09b93e6c3de11123570f">
+<div class="tab-panel" data-tab-group="ca569dd1225973c76d0bafa27d052936">
   <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('824d99127f6f09b93e6c3de11123570f','hugotoml')"
+      onclick="switchTab('ca569dd1225973c76d0bafa27d052936','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -464,8 +465,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index f54946e9f3..cfe8329a6c 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -44,6 +44,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -2250,12 +2251,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2415,13 +2416,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index e0f5525268..387c3d003a 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -45,6 +45,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -88,8 +89,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index f8dedf4ae3..93fb868f02 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -142,13 +143,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="ba4777b16b8876b59561ce72b002546a">
+<div class="tab-panel" data-tab-group="4d0c01f152dfa5aae0e3c895012c454d">
   <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('ba4777b16b8876b59561ce72b002546a','hugotoml')"
+      onclick="switchTab('4d0c01f152dfa5aae0e3c895012c454d','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -237,6 +238,16 @@
 </span></span><span class="line"><span class="cl">	<span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span>            <span class="p">}</span>
 </span></span><span class="line"><span class="cl"><span class="p">]</span>
 </span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="c"># Filename suffix for variant files</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
+</span></span><span class="line"><span class="cl"><span class="c"># The theme modifies the variant stylesheets during build and tries to store</span>
+</span></span><span class="line"><span class="cl"><span class="c"># them with the same file name. In certain installations it was observed, that</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Hugo could not overwrite these files due to permission issues. If you</span>
+</span></span><span class="line"><span class="cl"><span class="c"># experience this, you can set this option to eg. &#34;.gen&#34;. This will be used</span>
+</span></span><span class="line"><span class="cl"><span class="c"># as a suffix for these generated files, causing them be newly created instead</span>
+</span></span><span class="line"><span class="cl"><span class="c"># of overwriting existing ones.</span>
+</span></span><span class="line"><span class="cl"><span class="nx">themeVariantModifier</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
+</span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
 </span></span><span class="line"><span class="cl"><span class="c"># General</span>
 </span></span><span class="line"><span class="cl"><span class="c"># These options are defining general, non visual behavior.</span>
@@ -669,12 +680,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -834,13 +845,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index ed77f88a65..cf0105b6e6 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -103,13 +104,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="ba4777b16b8876b59561ce72b002546a">
+<div class="tab-panel" data-tab-group="4d0c01f152dfa5aae0e3c895012c454d">
   <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('ba4777b16b8876b59561ce72b002546a','hugotoml')"
+      onclick="switchTab('4d0c01f152dfa5aae0e3c895012c454d','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -198,6 +199,16 @@
 </span></span><span class="line"><span class="cl">	<span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span>            <span class="p">}</span>
 </span></span><span class="line"><span class="cl"><span class="p">]</span>
 </span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="c"># Filename suffix for variant files</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
+</span></span><span class="line"><span class="cl"><span class="c"># The theme modifies the variant stylesheets during build and tries to store</span>
+</span></span><span class="line"><span class="cl"><span class="c"># them with the same file name. In certain installations it was observed, that</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Hugo could not overwrite these files due to permission issues. If you</span>
+</span></span><span class="line"><span class="cl"><span class="c"># experience this, you can set this option to eg. &#34;.gen&#34;. This will be used</span>
+</span></span><span class="line"><span class="cl"><span class="c"># as a suffix for these generated files, causing them be newly created instead</span>
+</span></span><span class="line"><span class="cl"><span class="c"># of overwriting existing ones.</span>
+</span></span><span class="line"><span class="cl"><span class="nx">themeVariantModifier</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
+</span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
 </span></span><span class="line"><span class="cl"><span class="c"># General</span>
 </span></span><span class="line"><span class="cl"><span class="c"># These options are defining general, non visual behavior.</span>
@@ -549,8 +560,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index e029e0afba..540920bee0 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -177,8 +178,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-68cfe9c806bfb86201b105d5d7db50a3" 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-68cfe9c806bfb86201b105d5d7db50a3"><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-7ddc0df55767ba3c62d217c033469ae7" 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-7ddc0df55767ba3c62d217c033469ae7"><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>
@@ -219,8 +220,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-25ee2d186ef8f8d0f43b3648acb26ac1" 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-25ee2d186ef8f8d0f43b3648acb26ac1"><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-982396ebceeb5337d611d2b0987aa237" 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-982396ebceeb5337d611d2b0987aa237"><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>
@@ -401,12 +402,12 @@ appearance, you will have to configure the <code>landingPageName</code> for the
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -566,13 +567,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index 56fb9c3be8..91e4fe108d 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -119,8 +120,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-68cfe9c806bfb86201b105d5d7db50a3" 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-68cfe9c806bfb86201b105d5d7db50a3"><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-7ddc0df55767ba3c62d217c033469ae7" 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-7ddc0df55767ba3c62d217c033469ae7"><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>
@@ -161,8 +162,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-25ee2d186ef8f8d0f43b3648acb26ac1" 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-25ee2d186ef8f8d0f43b3648acb26ac1"><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-982396ebceeb5337d611d2b0987aa237" 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-982396ebceeb5337d611d2b0987aa237"><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>
@@ -262,8 +263,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index e5259e864f..fcc394fb67 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -136,13 +137,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-d34427d9a395fd906b0dab0cf0a230a1" aria-controls="R-expandcontent-d34427d9a395fd906b0dab0cf0a230a1" >
-    <label class="expand-label" for="R-expand-d34427d9a395fd906b0dab0cf0a230a1" >
+    <input type="checkbox" id="R-expand-0436e43da79f2b7c4e5d41dcd27c2a5d" aria-controls="R-expandcontent-0436e43da79f2b7c4e5d41dcd27c2a5d" >
+    <label class="expand-label" for="R-expand-0436e43da79f2b7c4e5d41dcd27c2a5d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-d34427d9a395fd906b0dab0cf0a230a1" class="expand-content">
+    <div id="R-expandcontent-0436e43da79f2b7c4e5d41dcd27c2a5d" 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>
@@ -256,12 +257,12 @@ window.variants && variants.generator( '#R-vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -421,27 +422,27 @@ window.variants && variants.generator( '#R-vargenerator' );
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1701476211" defer></script>
-    <script src="../../js/js-yaml.min.js?1701476211" defer></script>
-    <script src="../../js/mermaid.min.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1701613407" defer></script>
+    <script src="../../js/js-yaml.min.js?1701613407" defer></script>
+    <script src="../../js/mermaid.min.js?1701613407" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index 6e721a1a3b..eddaa3b39a 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -97,13 +98,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-d34427d9a395fd906b0dab0cf0a230a1" aria-controls="R-expandcontent-d34427d9a395fd906b0dab0cf0a230a1" >
-    <label class="expand-label" for="R-expand-d34427d9a395fd906b0dab0cf0a230a1" >
+    <input type="checkbox" id="R-expand-0436e43da79f2b7c4e5d41dcd27c2a5d" aria-controls="R-expandcontent-0436e43da79f2b7c4e5d41dcd27c2a5d" >
+    <label class="expand-label" for="R-expand-0436e43da79f2b7c4e5d41dcd27c2a5d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-d34427d9a395fd906b0dab0cf0a230a1" class="expand-content">
+    <div id="R-expandcontent-0436e43da79f2b7c4e5d41dcd27c2a5d" 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>
@@ -136,22 +137,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1701476211" defer></script>
-    <script src="../../js/js-yaml.min.js?1701476211" defer></script>
-    <script src="../../js/mermaid.min.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1701613408" defer></script>
+    <script src="../../js/js-yaml.min.js?1701613408" defer></script>
+    <script src="../../js/mermaid.min.js?1701613408" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 58eed15ddd..37e575bfd5 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -2256,12 +2257,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2421,13 +2422,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index 391564fc84..a3b5c4bf74 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -1427,8 +1428,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index 49ba5ad9a6..e2e3a7a145 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../js/url.js?1701476211"></script>
-    <script src="../js/variant.js?1701476211"></script>
+    <link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../js/url.js?1701613407"></script>
+    <script src="../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -223,12 +224,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../js/search.js?1701476211" defer></script>
+        <script src="../js/auto-complete.js?1701613407" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -388,13 +389,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1701476211"></script>
+          <script async src="../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../js/theme.js?1701476211" defer></script>
+    <script src="../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index 32b5e024bb..4f5ce9f01d 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../js/url.js?1701476211"></script>
-    <script src="../js/variant.js?1701476211"></script>
+    <link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../js/url.js?1701613408"></script>
+    <script src="../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -991,8 +992,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-65148d6830dc713db23bb3c57f75b117" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-65148d6830dc713db23bb3c57f75b117"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6aef4c0d679f9121895a81f799399ff4" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6aef4c0d679f9121895a81f799399ff4"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 <div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@@ -1040,8 +1041,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-1ce2e9f0da262b641863a7d98b79ebf3" 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-1ce2e9f0da262b641863a7d98b79ebf3"><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-966204557ceec8c718c30e84f74c4469" 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-966204557ceec8c718c30e84f74c4469"><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>
@@ -1088,13 +1089,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="ba4777b16b8876b59561ce72b002546a">
+<div class="tab-panel" data-tab-group="4d0c01f152dfa5aae0e3c895012c454d">
   <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('ba4777b16b8876b59561ce72b002546a','hugotoml')"
+      onclick="switchTab('4d0c01f152dfa5aae0e3c895012c454d','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1183,6 +1184,16 @@
 </span></span><span class="line"><span class="cl">	<span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span>            <span class="p">}</span>
 </span></span><span class="line"><span class="cl"><span class="p">]</span>
 </span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="c"># Filename suffix for variant files</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
+</span></span><span class="line"><span class="cl"><span class="c"># The theme modifies the variant stylesheets during build and tries to store</span>
+</span></span><span class="line"><span class="cl"><span class="c"># them with the same file name. In certain installations it was observed, that</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Hugo could not overwrite these files due to permission issues. If you</span>
+</span></span><span class="line"><span class="cl"><span class="c"># experience this, you can set this option to eg. &#34;.gen&#34;. This will be used</span>
+</span></span><span class="line"><span class="cl"><span class="c"># as a suffix for these generated files, causing them be newly created instead</span>
+</span></span><span class="line"><span class="cl"><span class="c"># of overwriting existing ones.</span>
+</span></span><span class="line"><span class="cl"><span class="nx">themeVariantModifier</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
+</span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
 </span></span><span class="line"><span class="cl"><span class="c"># General</span>
 </span></span><span class="line"><span class="cl"><span class="c"># These options are defining general, non visual behavior.</span>
@@ -1545,13 +1556,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="539f0a06222fd6f01617408cf65edac5">
+<div class="tab-panel" data-tab-group="f4f48548ead82d0a7eaf9e69b9f22c85">
   <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('539f0a06222fd6f01617408cf65edac5','hugotoml')"
+      onclick="switchTab('f4f48548ead82d0a7eaf9e69b9f22c85','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1579,13 +1590,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="6edf380fc16b031768edf3e3f529f2ca">
+<div class="tab-panel" data-tab-group="3b7037f08ad07a0b407d169e178fba54">
   <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('6edf380fc16b031768edf3e3f529f2ca','hugotoml')"
+      onclick="switchTab('3b7037f08ad07a0b407d169e178fba54','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1614,13 +1625,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="5f4afbacec6f280968e1fdc861af3a70">
+<div class="tab-panel" data-tab-group="1374b77bb51d70e0874767a779df4553">
   <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('5f4afbacec6f280968e1fdc861af3a70','hugotoml')"
+      onclick="switchTab('1374b77bb51d70e0874767a779df4553','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1640,13 +1651,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="d98d2e9bb05f36e37b18b48e3bbc51ab">
+<div class="tab-panel" data-tab-group="a06184f29f3049033fb849fb8e7295aa">
   <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('d98d2e9bb05f36e37b18b48e3bbc51ab','hugotoml')"
+      onclick="switchTab('a06184f29f3049033fb849fb8e7295aa','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1668,13 +1679,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="a72f6ce00e6f96a47df2365e76ef984b">
+<div class="tab-panel" data-tab-group="d09e719ae34bd24c996be0e6397056b6">
   <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('a72f6ce00e6f96a47df2365e76ef984b','layoutspartialsfaviconhtml')"
+      onclick="switchTab('d09e719ae34bd24c996be0e6397056b6','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -1708,13 +1719,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="8e2c4ed0cd5ad150a91725e3ec0fac45">
+<div class="tab-panel" data-tab-group="00ccf20ae56e4479254c8d179b66c9ed">
   <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('8e2c4ed0cd5ad150a91725e3ec0fac45','hugotoml')"
+      onclick="switchTab('00ccf20ae56e4479254c8d179b66c9ed','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1732,13 +1743,13 @@
 </div><p>you now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="94566ba0d58a44c743757637b46d5a93">
+<div class="tab-panel" data-tab-group="913a2b0ed9db8a3219f4479900726380">
   <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('94566ba0d58a44c743757637b46d5a93','hugotoml')"
+      onclick="switchTab('913a2b0ed9db8a3219f4479900726380','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1787,13 +1798,13 @@
 <h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
 
   
-<div class="tab-panel" data-tab-group="4cbc63c31d92699b959c9c13fdf75a09">
+<div class="tab-panel" data-tab-group="dbe2615d24af4815e40c2c935e24c7af">
   <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('4cbc63c31d92699b959c9c13fdf75a09','hugotoml')"
+      onclick="switchTab('dbe2615d24af4815e40c2c935e24c7af','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1838,13 +1849,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="6390c68796a29c2a17098534847f37bb">
+<div class="tab-panel" data-tab-group="51a403ca6c1dc2b0ed81fde692f96d8a">
   <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('6390c68796a29c2a17098534847f37bb','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('51a403ca6c1dc2b0ed81fde692f96d8a','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-branding.css</span>
     </button>
@@ -1867,13 +1878,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="824d99127f6f09b93e6c3de11123570f">
+<div class="tab-panel" data-tab-group="ca569dd1225973c76d0bafa27d052936">
   <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('824d99127f6f09b93e6c3de11123570f','hugotoml')"
+      onclick="switchTab('ca569dd1225973c76d0bafa27d052936','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1933,8 +1944,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-68cfe9c806bfb86201b105d5d7db50a3" 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-68cfe9c806bfb86201b105d5d7db50a3"><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-7ddc0df55767ba3c62d217c033469ae7" 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-7ddc0df55767ba3c62d217c033469ae7"><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>
@@ -1975,8 +1986,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-25ee2d186ef8f8d0f43b3648acb26ac1" 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-25ee2d186ef8f8d0f43b3648acb26ac1"><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-982396ebceeb5337d611d2b0987aa237" 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-982396ebceeb5337d611d2b0987aa237"><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>
@@ -2081,13 +2092,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-d34427d9a395fd906b0dab0cf0a230a1" aria-controls="R-expandcontent-d34427d9a395fd906b0dab0cf0a230a1" >
-    <label class="expand-label" for="R-expand-d34427d9a395fd906b0dab0cf0a230a1" >
+    <input type="checkbox" id="R-expand-0436e43da79f2b7c4e5d41dcd27c2a5d" aria-controls="R-expandcontent-0436e43da79f2b7c4e5d41dcd27c2a5d" >
+    <label class="expand-label" for="R-expand-0436e43da79f2b7c4e5d41dcd27c2a5d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-d34427d9a395fd906b0dab0cf0a230a1" class="expand-content">
+    <div id="R-expandcontent-0436e43da79f2b7c4e5d41dcd27c2a5d" 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>
@@ -2123,8 +2134,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-27edb5fd2bcee20f62bbff1286b05a1d" 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-27edb5fd2bcee20f62bbff1286b05a1d"><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-207f37e13d6a6497a83ad6ff2a611e00" 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-207f37e13d6a6497a83ad6ff2a611e00"><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">
@@ -2136,8 +2147,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-100eb43cff4cd1e371c23b4787480488" 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-100eb43cff4cd1e371c23b4787480488"><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-634db8979fb251e93d67a70e1c50a583" 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-634db8979fb251e93d67a70e1c50a583"><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>
@@ -3737,22 +3748,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../js/d3/d3-color.min.js?1701476211" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1701476211" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1701476211" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1701476211" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1701476211" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1701476211" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1701476211" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1701476211" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1701476211" defer></script>
-    <script src="../js/js-yaml.min.js?1701476211" defer></script>
-    <script src="../js/mermaid.min.js?1701476211" defer></script>
+    <script src="../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-color.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1701613408" defer></script>
+    <script src="../js/js-yaml.min.js?1701613408" defer></script>
+    <script src="../js/mermaid.min.js?1701613408" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1701476211" defer></script>
+    <script src="../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index 0fe00009ae..5a07e0b3fb 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -179,8 +180,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-1ce2e9f0da262b641863a7d98b79ebf3" 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-1ce2e9f0da262b641863a7d98b79ebf3"><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-966204557ceec8c718c30e84f74c4469" 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-966204557ceec8c718c30e84f74c4469"><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>
@@ -297,12 +298,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -462,13 +463,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index e4ad6ad5a0..f050527bfe 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -125,8 +126,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-1ce2e9f0da262b641863a7d98b79ebf3" 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-1ce2e9f0da262b641863a7d98b79ebf3"><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-966204557ceec8c718c30e84f74c4469" 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-966204557ceec8c718c30e84f74c4469"><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>
@@ -162,8 +163,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index 2279f45210..0eef5c269a 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -1144,12 +1145,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1309,13 +1310,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index 8e42dea8ff..99697a1ee6 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -974,8 +975,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index cad0fa037e..44cd85b1e3 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -126,8 +127,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-65148d6830dc713db23bb3c57f75b117" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-65148d6830dc713db23bb3c57f75b117"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6aef4c0d679f9121895a81f799399ff4" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6aef4c0d679f9121895a81f799399ff4"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 <div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@@ -223,12 +224,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -388,13 +389,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index 740cbe5613..c23a3d0252 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -96,8 +97,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-65148d6830dc713db23bb3c57f75b117" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-65148d6830dc713db23bb3c57f75b117"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6aef4c0d679f9121895a81f799399ff4" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6aef4c0d679f9121895a81f799399ff4"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 <div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@@ -112,8 +113,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/topbar/index.html b/basics/topbar/index.html
index 526793f9f6..1721d66820 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -155,8 +156,8 @@
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-27edb5fd2bcee20f62bbff1286b05a1d" 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-27edb5fd2bcee20f62bbff1286b05a1d"><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-207f37e13d6a6497a83ad6ff2a611e00" 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-207f37e13d6a6497a83ad6ff2a611e00"><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">
@@ -168,8 +169,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-100eb43cff4cd1e371c23b4787480488" 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-100eb43cff4cd1e371c23b4787480488"><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-634db8979fb251e93d67a70e1c50a583" 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-634db8979fb251e93d67a70e1c50a583"><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>
@@ -514,12 +515,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -679,13 +680,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/basics/topbar/index.print.html b/basics/topbar/index.print.html
index 3a6d7aae0a..e500f062e0 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -95,8 +96,8 @@
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-27edb5fd2bcee20f62bbff1286b05a1d" 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-27edb5fd2bcee20f62bbff1286b05a1d"><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-207f37e13d6a6497a83ad6ff2a611e00" 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-207f37e13d6a6497a83ad6ff2a611e00"><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">
@@ -108,8 +109,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-100eb43cff4cd1e371c23b4787480488" 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-100eb43cff4cd1e371c23b4787480488"><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-634db8979fb251e93d67a70e1c50a583" 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-634db8979fb251e93d67a70e1c50a583"><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>
@@ -373,8 +374,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/categories/basic/index.html b/categories/basic/index.html
index 38c264e601..61f5c2b1aa 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -218,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/categories/content/index.html b/categories/content/index.html
index 89d5c4f9b6..953ad4af3f 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -218,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/categories/custom/index.html b/categories/custom/index.html
index ed811e97b0..6f17134838 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -218,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index bb4d690707..93cd8adc1a 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../js/url.js?1701476211"></script>
-    <script src="../js/variant.js?1701476211"></script>
+    <link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../js/url.js?1701613407"></script>
+    <script src="../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -229,12 +230,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../js/search.js?1701476211" defer></script>
+        <script src="../js/auto-complete.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -394,13 +395,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1701476211"></script>
+          <script async src="../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../js/theme.js?1701476211" defer></script>
+    <script src="../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/categories/taxonomy/index.html b/categories/taxonomy/index.html
index 49291f29ba..96e8532f9c 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -218,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/categories/theming/index.html b/categories/theming/index.html
index 7d4aa676c8..536e082b94 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -223,12 +224,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -388,13 +389,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/config/_default/params.toml b/config/_default/params.toml
index 61cd72c20e..212802d32d 100644
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -75,6 +75,16 @@ themeVariant = [
 	{ identifier = "red"            }
 ]
 
+# Filename suffix for variant files
+# Default: not set
+# The theme modifies the variant stylesheets during build and tries to store
+# them with the same file name. In certain installations it was observed, that
+# Hugo could not overwrite these files due to permission issues. If you
+# experience this, you can set this option to eg. ".gen". This will be used
+# as a suffix for these generated files, causing them be newly created instead
+# of overwriting existing ones.
+themeVariantModifier = ""
+
 #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 # General
 # These options are defining general, non visual behavior.
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index 39deb22581..df89520821 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -155,8 +156,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-a08e8bb0c7a1b130ebd9047e7501de8a" 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-a08e8bb0c7a1b130ebd9047e7501de8a"><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-809d3fba54c45270f2d7e5a27827532b" 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-809d3fba54c45270f2d7e5a27827532b"><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">+++
@@ -166,8 +167,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-a0db3e153ab73c4bb805789634aae6f4" 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-a0db3e153ab73c4bb805789634aae6f4"><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-391fbc3cfb15c8a08e277ccaabda01b3" 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-391fbc3cfb15c8a08e277ccaabda01b3"><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">+++
@@ -179,8 +180,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-1d5c5f01bb4ff44e81c77b1e4ee75867" 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-1d5c5f01bb4ff44e81c77b1e4ee75867"><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-7486654d78cd3def7cc04d6653c997d2" 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-7486654d78cd3def7cc04d6653c997d2"><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>
@@ -312,12 +313,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -477,13 +478,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index 4f7e454d81..ac8026091c 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -99,8 +100,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-a08e8bb0c7a1b130ebd9047e7501de8a" 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-a08e8bb0c7a1b130ebd9047e7501de8a"><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-809d3fba54c45270f2d7e5a27827532b" 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-809d3fba54c45270f2d7e5a27827532b"><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">+++
@@ -110,8 +111,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-a0db3e153ab73c4bb805789634aae6f4" 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-a0db3e153ab73c4bb805789634aae6f4"><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-391fbc3cfb15c8a08e277ccaabda01b3" 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-391fbc3cfb15c8a08e277ccaabda01b3"><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">+++
@@ -123,8 +124,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-1d5c5f01bb4ff44e81c77b1e4ee75867" 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-1d5c5f01bb4ff44e81c77b1e4ee75867"><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-7486654d78cd3def7cc04d6653c997d2" 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-7486654d78cd3def7cc04d6653c997d2"><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>
@@ -175,8 +176,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../js/theme.js?1701476212" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/cont/frontmatter/index.html b/cont/frontmatter/index.html
index 9bfa33b580..56a89d41b7 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -407,8 +408,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-1898145469f2d92cc3aa42059bd42581" 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-1898145469f2d92cc3aa42059bd42581"><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-0680db2a6f1696c55bfdafcac32e545f" 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-0680db2a6f1696c55bfdafcac32e545f"><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>
@@ -532,12 +533,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?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -697,13 +698,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?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/cont/frontmatter/index.print.html b/cont/frontmatter/index.print.html
index 6b569a0b99..fe1fe9060a 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -355,8 +356,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-1898145469f2d92cc3aa42059bd42581" 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-1898145469f2d92cc3aa42059bd42581"><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-0680db2a6f1696c55bfdafcac32e545f" 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-0680db2a6f1696c55bfdafcac32e545f"><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>
@@ -399,8 +400,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../js/theme.js?1701476212" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index 36cb13a620..1eb95cbe8c 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -152,8 +153,8 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-d377be3928f3e82d85ee31f19f79fc83" 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-d377be3928f3e82d85ee31f19f79fc83"><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-0aba7f1aaa50a8703131ac99d535b8e8" 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-0aba7f1aaa50a8703131ac99d535b8e8"><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>
@@ -334,12 +335,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?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -499,13 +500,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?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index 6cbb3c86ba..3d083dfeae 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -101,8 +102,8 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-d377be3928f3e82d85ee31f19f79fc83" 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-d377be3928f3e82d85ee31f19f79fc83"><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-0aba7f1aaa50a8703131ac99d535b8e8" 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-0aba7f1aaa50a8703131ac99d535b8e8"><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>
@@ -202,8 +203,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../js/theme.js?1701476212" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.html b/cont/imageeffects/index.html
index 5390d053e0..a916577938 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,6 +56,7 @@ Without any settings in your hugo.toml this defaults to">
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -154,13 +155,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="9d41cccfedabd1539224de99a0d32d8a">
+<div class="tab-panel" data-tab-group="aa239acf57732314cc40d7ac133b5d85">
   <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('9d41cccfedabd1539224de99a0d32d8a','hugotoml')"
+      onclick="switchTab('aa239acf57732314cc40d7ac133b5d85','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -181,13 +182,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="829358a918797a6e204eeffb285d8d24">
+<div class="tab-panel" data-tab-group="1543ed6de6e6fd70c5ce63baba49d179">
   <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('829358a918797a6e204eeffb285d8d24','frontmatter')"
+      onclick="switchTab('1543ed6de6e6fd70c5ce63baba49d179','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -207,13 +208,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="3a725fafa4d14be41e0f9741ab219396">
+<div class="tab-panel" data-tab-group="f959ca91843d7d5a0172198d9f9c4b47">
   <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('3a725fafa4d14be41e0f9741ab219396','url')"
+      onclick="switchTab('f959ca91843d7d5a0172198d9f9c4b47','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -230,13 +231,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="23be8998db10222f89f7792dc562215c">
+<div class="tab-panel" data-tab-group="769e3c0d230d17caf2a8a4069fe35e12">
   <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('23be8998db10222f89f7792dc562215c','result')"
+      onclick="switchTab('769e3c0d230d17caf2a8a4069fe35e12','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -256,13 +257,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="fe67aee1d8702f8151ef356064df540b">
+<div class="tab-panel" data-tab-group="0924176e30013b8065ad9fde8eb68800">
   <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('fe67aee1d8702f8151ef356064df540b','html')"
+      onclick="switchTab('0924176e30013b8065ad9fde8eb68800','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -375,12 +376,12 @@ Without any settings in your hugo.toml this defaults to">
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -540,13 +541,13 @@ Without any settings in your hugo.toml this defaults to">
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.print.html b/cont/imageeffects/index.print.html
index ad5372cb28..4c1a873a64 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -57,6 +57,7 @@ Without any settings in your hugo.toml this defaults to">
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -110,13 +111,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="9d41cccfedabd1539224de99a0d32d8a">
+<div class="tab-panel" data-tab-group="aa239acf57732314cc40d7ac133b5d85">
   <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('9d41cccfedabd1539224de99a0d32d8a','hugotoml')"
+      onclick="switchTab('aa239acf57732314cc40d7ac133b5d85','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -137,13 +138,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="829358a918797a6e204eeffb285d8d24">
+<div class="tab-panel" data-tab-group="1543ed6de6e6fd70c5ce63baba49d179">
   <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('829358a918797a6e204eeffb285d8d24','frontmatter')"
+      onclick="switchTab('1543ed6de6e6fd70c5ce63baba49d179','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -163,13 +164,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="3a725fafa4d14be41e0f9741ab219396">
+<div class="tab-panel" data-tab-group="f959ca91843d7d5a0172198d9f9c4b47">
   <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('3a725fafa4d14be41e0f9741ab219396','url')"
+      onclick="switchTab('f959ca91843d7d5a0172198d9f9c4b47','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -186,13 +187,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="23be8998db10222f89f7792dc562215c">
+<div class="tab-panel" data-tab-group="769e3c0d230d17caf2a8a4069fe35e12">
   <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('23be8998db10222f89f7792dc562215c','result')"
+      onclick="switchTab('769e3c0d230d17caf2a8a4069fe35e12','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -212,13 +213,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="fe67aee1d8702f8151ef356064df540b">
+<div class="tab-panel" data-tab-group="0924176e30013b8065ad9fde8eb68800">
   <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('fe67aee1d8702f8151ef356064df540b','html')"
+      onclick="switchTab('0924176e30013b8065ad9fde8eb68800','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -250,8 +251,8 @@ Without any settings in your hugo.toml this defaults to">
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 32d04ed271..318c246b39 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../js/url.js?1701476211"></script>
-    <script src="../js/variant.js?1701476211"></script>
+    <link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../js/url.js?1701613407"></script>
+    <script src="../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -223,12 +224,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../js/search.js?1701476211" defer></script>
+        <script src="../js/auto-complete.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -388,13 +389,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1701476211"></script>
+          <script async src="../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../js/theme.js?1701476211" defer></script>
+    <script src="../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index 5dd57efa43..7bc11556bb 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../js/url.js?1701476211"></script>
-    <script src="../js/variant.js?1701476211"></script>
+    <link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../js/url.js?1701613408"></script>
+    <script src="../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -415,8 +416,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-1898145469f2d92cc3aa42059bd42581" 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-1898145469f2d92cc3aa42059bd42581"><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-0680db2a6f1696c55bfdafcac32e545f" 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-0680db2a6f1696c55bfdafcac32e545f"><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>
@@ -466,8 +467,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-a08e8bb0c7a1b130ebd9047e7501de8a" 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-a08e8bb0c7a1b130ebd9047e7501de8a"><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-809d3fba54c45270f2d7e5a27827532b" 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-809d3fba54c45270f2d7e5a27827532b"><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">+++
@@ -477,8 +478,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-a0db3e153ab73c4bb805789634aae6f4" 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-a0db3e153ab73c4bb805789634aae6f4"><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-391fbc3cfb15c8a08e277ccaabda01b3" 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-391fbc3cfb15c8a08e277ccaabda01b3"><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">+++
@@ -490,8 +491,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-1d5c5f01bb4ff44e81c77b1e4ee75867" 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-1d5c5f01bb4ff44e81c77b1e4ee75867"><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-7486654d78cd3def7cc04d6653c997d2" 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-7486654d78cd3def7cc04d6653c997d2"><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>
@@ -1063,8 +1064,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-0d6eef26568878ea8055cd953127018e" 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-0d6eef26568878ea8055cd953127018e"><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-85c7996b02ee0d28041129972709ca72" 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-85c7996b02ee0d28041129972709ca72"><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>
@@ -1074,8 +1075,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-a42d632ca33330e79fd8506329335885" 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-a42d632ca33330e79fd8506329335885"><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-81b0d9484aa5212bcfb26c4931cbb27a" 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-81b0d9484aa5212bcfb26c4931cbb27a"><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>
@@ -1087,8 +1088,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-53774513db9aaf7e548b836f81208170" 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-53774513db9aaf7e548b836f81208170"><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-00a6c8d63fea779821be58e054367bb2" 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-00a6c8d63fea779821be58e054367bb2"><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>
@@ -1100,8 +1101,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-2e27dc233962f40daad965d34eaf8567" 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-2e27dc233962f40daad965d34eaf8567"><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-87b6e89adc41fef6ad0ea8b73689afe9" 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-87b6e89adc41fef6ad0ea8b73689afe9"><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>
@@ -1109,8 +1110,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-b140179dd8ab6194e45724432d79d203" 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-b140179dd8ab6194e45724432d79d203"><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-747edef03dc6e6abdb06b0d850090d69" 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-747edef03dc6e6abdb06b0d850090d69"><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>
@@ -1118,8 +1119,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-2731b8090db34e37fbdc35f3f66732fe" 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-2731b8090db34e37fbdc35f3f66732fe"><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-8913fddffe626a7d90c9a29b6f36e708" 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-8913fddffe626a7d90c9a29b6f36e708"><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>
@@ -1130,8 +1131,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-76653b624311d938182a30d902115835" 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-76653b624311d938182a30d902115835"><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-a41fa2bf841c00fce2c9855d52811460" 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-a41fa2bf841c00fce2c9855d52811460"><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>
@@ -1140,8 +1141,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-a791b929fa6bb74add94e2606c929372" 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-a791b929fa6bb74add94e2606c929372"><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-a385c89b16cf0438d4222c80a1e3d37c" 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-a385c89b16cf0438d4222c80a1e3d37c"><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>
@@ -1150,8 +1151,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-63d15143990cbf8178ca0b0957814148" 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-63d15143990cbf8178ca0b0957814148"><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-44b23c6743f6d7c6e94dd7103d3f6fc9" 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-44b23c6743f6d7c6e94dd7103d3f6fc9"><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>
@@ -1160,8 +1161,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-8c7a5ef6b5b24c0d73a3af7759e3b67a" 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-8c7a5ef6b5b24c0d73a3af7759e3b67a"><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-15ca9fe62b075953ff39328e407a3246" 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-15ca9fe62b075953ff39328e407a3246"><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>
@@ -1173,14 +1174,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-dc1c930ca88178f8cb86ca0f3f5bf8d2" 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-dc1c930ca88178f8cb86ca0f3f5bf8d2"><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-c05a2ad2e9e0cfdfe7398959921f8779" 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-c05a2ad2e9e0cfdfe7398959921f8779"><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-73bf8238b60d1a5158018f12a1da71e8" 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-73bf8238b60d1a5158018f12a1da71e8"><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-c6976b16ef789b5aa79e16e9eda199be" 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-c6976b16ef789b5aa79e16e9eda199be"><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-5d60f54663bb6f3558eaaec2d4b14b08" 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-5d60f54663bb6f3558eaaec2d4b14b08"><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-a27e53831bd0b852aad5ad361ad0d26a" 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-a27e53831bd0b852aad5ad361ad0d26a"><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-b2f02b1a491ae554f6a3264673e8cd6b" 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-b2f02b1a491ae554f6a3264673e8cd6b"><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-34255cdd8a5ac7f2d50e0acab185d465" 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-34255cdd8a5ac7f2d50e0acab185d465"><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>
@@ -1189,8 +1190,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-b7b51461a50c12c7b3aadf7d3a1e76f8" 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-b7b51461a50c12c7b3aadf7d3a1e76f8"><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-760f4c45455831e176eabe4fc3f17a63" 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-760f4c45455831e176eabe4fc3f17a63"><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>
@@ -1229,13 +1230,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="9d41cccfedabd1539224de99a0d32d8a">
+<div class="tab-panel" data-tab-group="aa239acf57732314cc40d7ac133b5d85">
   <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('9d41cccfedabd1539224de99a0d32d8a','hugotoml')"
+      onclick="switchTab('aa239acf57732314cc40d7ac133b5d85','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1256,13 +1257,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="829358a918797a6e204eeffb285d8d24">
+<div class="tab-panel" data-tab-group="1543ed6de6e6fd70c5ce63baba49d179">
   <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('829358a918797a6e204eeffb285d8d24','frontmatter')"
+      onclick="switchTab('1543ed6de6e6fd70c5ce63baba49d179','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -1282,13 +1283,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="3a725fafa4d14be41e0f9741ab219396">
+<div class="tab-panel" data-tab-group="f959ca91843d7d5a0172198d9f9c4b47">
   <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('3a725fafa4d14be41e0f9741ab219396','url')"
+      onclick="switchTab('f959ca91843d7d5a0172198d9f9c4b47','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -1305,13 +1306,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="23be8998db10222f89f7792dc562215c">
+<div class="tab-panel" data-tab-group="769e3c0d230d17caf2a8a4069fe35e12">
   <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('23be8998db10222f89f7792dc562215c','result')"
+      onclick="switchTab('769e3c0d230d17caf2a8a4069fe35e12','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -1331,13 +1332,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="fe67aee1d8702f8151ef356064df540b">
+<div class="tab-panel" data-tab-group="0924176e30013b8065ad9fde8eb68800">
   <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('fe67aee1d8702f8151ef356064df540b','html')"
+      onclick="switchTab('0924176e30013b8065ad9fde8eb68800','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -1512,8 +1513,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-d377be3928f3e82d85ee31f19f79fc83" 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-d377be3928f3e82d85ee31f19f79fc83"><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-0aba7f1aaa50a8703131ac99d535b8e8" 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-0aba7f1aaa50a8703131ac99d535b8e8"><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>
@@ -1703,8 +1704,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../js/theme.js?1701476212" defer></script>
+    <script src="../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index f051209fba..c310d7f717 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,6 +54,7 @@ Markdown is simple to learn, with minimal extra characters so it&rsquo;s also qu
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -712,8 +713,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-0d6eef26568878ea8055cd953127018e" 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-0d6eef26568878ea8055cd953127018e"><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-85c7996b02ee0d28041129972709ca72" 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-85c7996b02ee0d28041129972709ca72"><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>
@@ -723,8 +724,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-a42d632ca33330e79fd8506329335885" 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-a42d632ca33330e79fd8506329335885"><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-81b0d9484aa5212bcfb26c4931cbb27a" 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-81b0d9484aa5212bcfb26c4931cbb27a"><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>
@@ -736,8 +737,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-53774513db9aaf7e548b836f81208170" 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-53774513db9aaf7e548b836f81208170"><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-00a6c8d63fea779821be58e054367bb2" 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-00a6c8d63fea779821be58e054367bb2"><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>
@@ -749,8 +750,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-2e27dc233962f40daad965d34eaf8567" 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-2e27dc233962f40daad965d34eaf8567"><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-87b6e89adc41fef6ad0ea8b73689afe9" 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-87b6e89adc41fef6ad0ea8b73689afe9"><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>
@@ -758,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-b140179dd8ab6194e45724432d79d203" 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-b140179dd8ab6194e45724432d79d203"><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-747edef03dc6e6abdb06b0d850090d69" 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-747edef03dc6e6abdb06b0d850090d69"><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>
@@ -767,8 +768,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-2731b8090db34e37fbdc35f3f66732fe" 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-2731b8090db34e37fbdc35f3f66732fe"><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-8913fddffe626a7d90c9a29b6f36e708" 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-8913fddffe626a7d90c9a29b6f36e708"><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>
@@ -779,8 +780,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-76653b624311d938182a30d902115835" 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-76653b624311d938182a30d902115835"><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-a41fa2bf841c00fce2c9855d52811460" 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-a41fa2bf841c00fce2c9855d52811460"><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>
@@ -789,8 +790,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-a791b929fa6bb74add94e2606c929372" 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-a791b929fa6bb74add94e2606c929372"><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-a385c89b16cf0438d4222c80a1e3d37c" 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-a385c89b16cf0438d4222c80a1e3d37c"><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>
@@ -799,8 +800,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-63d15143990cbf8178ca0b0957814148" 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-63d15143990cbf8178ca0b0957814148"><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-44b23c6743f6d7c6e94dd7103d3f6fc9" 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-44b23c6743f6d7c6e94dd7103d3f6fc9"><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>
@@ -809,8 +810,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-8c7a5ef6b5b24c0d73a3af7759e3b67a" 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-8c7a5ef6b5b24c0d73a3af7759e3b67a"><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-15ca9fe62b075953ff39328e407a3246" 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-15ca9fe62b075953ff39328e407a3246"><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>
@@ -822,14 +823,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-dc1c930ca88178f8cb86ca0f3f5bf8d2" 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-dc1c930ca88178f8cb86ca0f3f5bf8d2"><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-c05a2ad2e9e0cfdfe7398959921f8779" 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-c05a2ad2e9e0cfdfe7398959921f8779"><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-73bf8238b60d1a5158018f12a1da71e8" 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-73bf8238b60d1a5158018f12a1da71e8"><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-c6976b16ef789b5aa79e16e9eda199be" 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-c6976b16ef789b5aa79e16e9eda199be"><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-5d60f54663bb6f3558eaaec2d4b14b08" 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-5d60f54663bb6f3558eaaec2d4b14b08"><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-a27e53831bd0b852aad5ad361ad0d26a" 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-a27e53831bd0b852aad5ad361ad0d26a"><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-b2f02b1a491ae554f6a3264673e8cd6b" 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-b2f02b1a491ae554f6a3264673e8cd6b"><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-34255cdd8a5ac7f2d50e0acab185d465" 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-34255cdd8a5ac7f2d50e0acab185d465"><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>
@@ -838,8 +839,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-b7b51461a50c12c7b3aadf7d3a1e76f8" 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-b7b51461a50c12c7b3aadf7d3a1e76f8"><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-760f4c45455831e176eabe4fc3f17a63" 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-760f4c45455831e176eabe4fc3f17a63"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -950,12 +951,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1115,13 +1116,13 @@ line 3 of code
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index 9babb82433..62777020bd 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,6 +55,7 @@ Markdown is simple to learn, with minimal extra characters so it&rsquo;s also qu
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -620,8 +621,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-0d6eef26568878ea8055cd953127018e" 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-0d6eef26568878ea8055cd953127018e"><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-85c7996b02ee0d28041129972709ca72" 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-85c7996b02ee0d28041129972709ca72"><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>
@@ -631,8 +632,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-a42d632ca33330e79fd8506329335885" 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-a42d632ca33330e79fd8506329335885"><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-81b0d9484aa5212bcfb26c4931cbb27a" 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-81b0d9484aa5212bcfb26c4931cbb27a"><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>
@@ -644,8 +645,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-53774513db9aaf7e548b836f81208170" 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-53774513db9aaf7e548b836f81208170"><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-00a6c8d63fea779821be58e054367bb2" 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-00a6c8d63fea779821be58e054367bb2"><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>
@@ -657,8 +658,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-2e27dc233962f40daad965d34eaf8567" 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-2e27dc233962f40daad965d34eaf8567"><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-87b6e89adc41fef6ad0ea8b73689afe9" 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-87b6e89adc41fef6ad0ea8b73689afe9"><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>
@@ -666,8 +667,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-b140179dd8ab6194e45724432d79d203" 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-b140179dd8ab6194e45724432d79d203"><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-747edef03dc6e6abdb06b0d850090d69" 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-747edef03dc6e6abdb06b0d850090d69"><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>
@@ -675,8 +676,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-2731b8090db34e37fbdc35f3f66732fe" 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-2731b8090db34e37fbdc35f3f66732fe"><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-8913fddffe626a7d90c9a29b6f36e708" 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-8913fddffe626a7d90c9a29b6f36e708"><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>
@@ -687,8 +688,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-76653b624311d938182a30d902115835" 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-76653b624311d938182a30d902115835"><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-a41fa2bf841c00fce2c9855d52811460" 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-a41fa2bf841c00fce2c9855d52811460"><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>
@@ -697,8 +698,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-a791b929fa6bb74add94e2606c929372" 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-a791b929fa6bb74add94e2606c929372"><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-a385c89b16cf0438d4222c80a1e3d37c" 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-a385c89b16cf0438d4222c80a1e3d37c"><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>
@@ -707,8 +708,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-63d15143990cbf8178ca0b0957814148" 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-63d15143990cbf8178ca0b0957814148"><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-44b23c6743f6d7c6e94dd7103d3f6fc9" 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-44b23c6743f6d7c6e94dd7103d3f6fc9"><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>
@@ -717,8 +718,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-8c7a5ef6b5b24c0d73a3af7759e3b67a" 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-8c7a5ef6b5b24c0d73a3af7759e3b67a"><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-15ca9fe62b075953ff39328e407a3246" 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-15ca9fe62b075953ff39328e407a3246"><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>
@@ -730,14 +731,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-dc1c930ca88178f8cb86ca0f3f5bf8d2" 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-dc1c930ca88178f8cb86ca0f3f5bf8d2"><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-c05a2ad2e9e0cfdfe7398959921f8779" 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-c05a2ad2e9e0cfdfe7398959921f8779"><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-73bf8238b60d1a5158018f12a1da71e8" 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-73bf8238b60d1a5158018f12a1da71e8"><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-c6976b16ef789b5aa79e16e9eda199be" 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-c6976b16ef789b5aa79e16e9eda199be"><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-5d60f54663bb6f3558eaaec2d4b14b08" 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-5d60f54663bb6f3558eaaec2d4b14b08"><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-a27e53831bd0b852aad5ad361ad0d26a" 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-a27e53831bd0b852aad5ad361ad0d26a"><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-b2f02b1a491ae554f6a3264673e8cd6b" 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-b2f02b1a491ae554f6a3264673e8cd6b"><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-34255cdd8a5ac7f2d50e0acab185d465" 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-34255cdd8a5ac7f2d50e0acab185d465"><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>
@@ -746,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-b7b51461a50c12c7b3aadf7d3a1e76f8" 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-b7b51461a50c12c7b3aadf7d3a1e76f8"><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-760f4c45455831e176eabe4fc3f17a63" 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-760f4c45455831e176eabe4fc3f17a63"><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 +778,8 @@ line 3 of code
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 64a0b1d707..bae07620d5 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,6 +54,7 @@ Example from the current website:
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -360,12 +361,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?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -525,13 +526,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?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index 7832b3a004..08bd31c9ab 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,6 +55,7 @@ Example from the current website:
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -233,8 +234,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?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index bfe884374c..179d483b25 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -265,12 +266,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -430,13 +431,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index 1a9f87d69f..39e61949ef 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -139,8 +140,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../js/theme.js?1701476212" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.html b/cont/taxonomy/index.html
index 5943100c7a..a642e10b1e 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,6 +54,7 @@ The categories are displayed at the bottom of the page in alphabetical order in
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -320,12 +321,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?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -485,13 +486,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?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.print.html b/cont/taxonomy/index.print.html
index 46db197b46..436a7c88da 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,6 +55,7 @@ The categories are displayed at the bottom of the page in alphabetical order in
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -188,8 +189,8 @@ The categories are displayed at the bottom of the page in alphabetical order in
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/css/format-print.css b/css/format-print.css
index bf99ea0ee1..2fbe632080 100644
--- a/css/format-print.css
+++ b/css/format-print.css
@@ -1,5 +1,5 @@
-@import "chroma-relearn-light.css";
 @import "theme-relearn-light.css";
+@import "chroma-relearn-light.css";
 
 #R-sidebar {
     display: none;
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index 2d459244a6..4e319ceed2 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -344,12 +345,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -513,13 +514,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index 8c40dc77f9..f9733c2f9a 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -218,8 +219,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../js/theme.js?1701476212" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index c07c31b200..18688cdb5c 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../js/url.js?1701476211"></script>
-    <script src="../js/variant.js?1701476211"></script>
+    <link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../js/url.js?1701613407"></script>
+    <script src="../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -229,12 +230,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../js/search.js?1701476211" defer></script>
+        <script src="../js/auto-complete.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -398,13 +399,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1701476211"></script>
+          <script async src="../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../js/theme.js?1701476211" defer></script>
+    <script src="../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index 9896404bb1..d6a3f8888e 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../js/url.js?1701476211"></script>
-    <script src="../js/variant.js?1701476211"></script>
+    <link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../js/url.js?1701613408"></script>
+    <script src="../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -478,8 +479,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-1454e248be8d389c16dfc9986ed392ff" 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-1454e248be8d389c16dfc9986ed392ff"><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-a0abd403b2660ce575e1684b790022bd" 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-a0abd403b2660ce575e1684b790022bd"><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>
@@ -508,11 +509,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-946390d14b068cdd95b7812121b4f505" 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-946390d14b068cdd95b7812121b4f505"><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-f5fb5dcd68a9c385e5c699b1125745e5" 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-f5fb5dcd68a9c385e5c699b1125745e5"><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-7f6f9b6d32d3a360af5313e2a37efae3" 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-7f6f9b6d32d3a360af5313e2a37efae3"><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-40bc06fea077952edca02721497fb4fb" 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-40bc06fea077952edca02721497fb4fb"><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>
@@ -522,8 +523,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../js/theme.js?1701476212" defer></script>
+    <script src="../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index 1f06c61ef8..3118c223c4 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -435,12 +436,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -604,13 +605,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index 9f7c0b07c9..00f1527255 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -298,8 +299,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../js/theme.js?1701476212" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index dec226b056..97fe42c358 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -170,8 +171,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-1454e248be8d389c16dfc9986ed392ff" 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-1454e248be8d389c16dfc9986ed392ff"><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-a0abd403b2660ce575e1684b790022bd" 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-a0abd403b2660ce575e1684b790022bd"><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>
@@ -200,11 +201,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-946390d14b068cdd95b7812121b4f505" 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-946390d14b068cdd95b7812121b4f505"><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-f5fb5dcd68a9c385e5c699b1125745e5" 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-f5fb5dcd68a9c385e5c699b1125745e5"><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-7f6f9b6d32d3a360af5313e2a37efae3" 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-7f6f9b6d32d3a360af5313e2a37efae3"><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-40bc06fea077952edca02721497fb4fb" 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-40bc06fea077952edca02721497fb4fb"><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>
@@ -294,12 +295,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -463,13 +464,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index dbad79722d..ef278948bf 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -124,8 +125,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-1454e248be8d389c16dfc9986ed392ff" 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-1454e248be8d389c16dfc9986ed392ff"><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-a0abd403b2660ce575e1684b790022bd" 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-a0abd403b2660ce575e1684b790022bd"><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>
@@ -154,11 +155,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-946390d14b068cdd95b7812121b4f505" 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-946390d14b068cdd95b7812121b4f505"><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-f5fb5dcd68a9c385e5c699b1125745e5" 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-f5fb5dcd68a9c385e5c699b1125745e5"><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-7f6f9b6d32d3a360af5313e2a37efae3" 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-7f6f9b6d32d3a360af5313e2a37efae3"><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-40bc06fea077952edca02721497fb4fb" 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-40bc06fea077952edca02721497fb4fb"><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>
@@ -167,8 +168,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../js/theme.js?1701476212" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index 613abb0165..2908efea02 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="./css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="./css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1701476211" rel="stylesheet">
-    <link href="./css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="./css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="./css/variant.css?1701476211" rel="stylesheet">
-    <link href="./css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1701476211" rel="stylesheet">
-    <script src="./js/url.js?1701476211"></script>
-    <script src="./js/variant.js?1701476211"></script>
+    <link href="./css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="./css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="./css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1701613407" rel="stylesheet">
+    <link href="./css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="./css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="./css/variant.css?1701613407" rel="stylesheet">
+    <link href="./css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1701613407" rel="stylesheet">
+    <script src="./js/url.js?1701613407"></script>
+    <script src="./js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -143,8 +144,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-5ce07a900a5a25a0dc2260f8346cc7a8" 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-5ce07a900a5a25a0dc2260f8346cc7a8"><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-3b2350922e163ce41c3317987ef9e4a7" 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-3b2350922e163ce41c3317987ef9e4a7"><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>
@@ -313,12 +314,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1701476211" defer></script>
-        <script src="./js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="./js/search.js?1701476211" defer></script>
+        <script src="./js/auto-complete.js?1701613407" defer></script>
+        <script src="./js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="./js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -478,13 +479,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1701476211"></script>
+          <script async src="./js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1701476211" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="./js/theme.js?1701476211" defer></script>
+    <script src="./js/clipboard.min.js?1701613407" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="./js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index 9304e8f75a..0ad1e438bf 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="./css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="./css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1701476211" rel="stylesheet">
-    <link href="./css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="./css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="./css/variant.css?1701476211" rel="stylesheet">
-    <link href="./css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1701476211" rel="stylesheet">
-    <link href="./css/ie.css?1701476211" rel="stylesheet">
-    <script src="./js/url.js?1701476211"></script>
-    <script src="./js/variant.js?1701476211"></script>
+    <link href="./css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="./css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="./css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1701613408" rel="stylesheet">
+    <link href="./css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="./css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="./css/variant.css?1701613408" rel="stylesheet">
+    <link href="./css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1701613408" rel="stylesheet">
+    <link href="./css/ie.css?1701613408" rel="stylesheet">
+    <script src="./js/url.js?1701613408"></script>
+    <script src="./js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -94,8 +95,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-5ce07a900a5a25a0dc2260f8346cc7a8" 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-5ce07a900a5a25a0dc2260f8346cc7a8"><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-3b2350922e163ce41c3317987ef9e4a7" 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-3b2350922e163ce41c3317987ef9e4a7"><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>
@@ -1085,8 +1086,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-65148d6830dc713db23bb3c57f75b117" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-65148d6830dc713db23bb3c57f75b117"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6aef4c0d679f9121895a81f799399ff4" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6aef4c0d679f9121895a81f799399ff4"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 <div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@@ -1134,8 +1135,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-1ce2e9f0da262b641863a7d98b79ebf3" 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-1ce2e9f0da262b641863a7d98b79ebf3"><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-966204557ceec8c718c30e84f74c4469" 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-966204557ceec8c718c30e84f74c4469"><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>
@@ -1182,13 +1183,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="ba4777b16b8876b59561ce72b002546a">
+<div class="tab-panel" data-tab-group="4d0c01f152dfa5aae0e3c895012c454d">
   <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('ba4777b16b8876b59561ce72b002546a','hugotoml')"
+      onclick="switchTab('4d0c01f152dfa5aae0e3c895012c454d','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1277,6 +1278,16 @@
 </span></span><span class="line"><span class="cl">	<span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span>            <span class="p">}</span>
 </span></span><span class="line"><span class="cl"><span class="p">]</span>
 </span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="c"># Filename suffix for variant files</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
+</span></span><span class="line"><span class="cl"><span class="c"># The theme modifies the variant stylesheets during build and tries to store</span>
+</span></span><span class="line"><span class="cl"><span class="c"># them with the same file name. In certain installations it was observed, that</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Hugo could not overwrite these files due to permission issues. If you</span>
+</span></span><span class="line"><span class="cl"><span class="c"># experience this, you can set this option to eg. &#34;.gen&#34;. This will be used</span>
+</span></span><span class="line"><span class="cl"><span class="c"># as a suffix for these generated files, causing them be newly created instead</span>
+</span></span><span class="line"><span class="cl"><span class="c"># of overwriting existing ones.</span>
+</span></span><span class="line"><span class="cl"><span class="nx">themeVariantModifier</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
+</span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
 </span></span><span class="line"><span class="cl"><span class="c"># General</span>
 </span></span><span class="line"><span class="cl"><span class="c"># These options are defining general, non visual behavior.</span>
@@ -1639,13 +1650,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="539f0a06222fd6f01617408cf65edac5">
+<div class="tab-panel" data-tab-group="f4f48548ead82d0a7eaf9e69b9f22c85">
   <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('539f0a06222fd6f01617408cf65edac5','hugotoml')"
+      onclick="switchTab('f4f48548ead82d0a7eaf9e69b9f22c85','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1673,13 +1684,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="6edf380fc16b031768edf3e3f529f2ca">
+<div class="tab-panel" data-tab-group="3b7037f08ad07a0b407d169e178fba54">
   <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('6edf380fc16b031768edf3e3f529f2ca','hugotoml')"
+      onclick="switchTab('3b7037f08ad07a0b407d169e178fba54','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1708,13 +1719,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="5f4afbacec6f280968e1fdc861af3a70">
+<div class="tab-panel" data-tab-group="1374b77bb51d70e0874767a779df4553">
   <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('5f4afbacec6f280968e1fdc861af3a70','hugotoml')"
+      onclick="switchTab('1374b77bb51d70e0874767a779df4553','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1734,13 +1745,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="d98d2e9bb05f36e37b18b48e3bbc51ab">
+<div class="tab-panel" data-tab-group="a06184f29f3049033fb849fb8e7295aa">
   <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('d98d2e9bb05f36e37b18b48e3bbc51ab','hugotoml')"
+      onclick="switchTab('a06184f29f3049033fb849fb8e7295aa','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1762,13 +1773,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="a72f6ce00e6f96a47df2365e76ef984b">
+<div class="tab-panel" data-tab-group="d09e719ae34bd24c996be0e6397056b6">
   <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('a72f6ce00e6f96a47df2365e76ef984b','layoutspartialsfaviconhtml')"
+      onclick="switchTab('d09e719ae34bd24c996be0e6397056b6','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -1802,13 +1813,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="8e2c4ed0cd5ad150a91725e3ec0fac45">
+<div class="tab-panel" data-tab-group="00ccf20ae56e4479254c8d179b66c9ed">
   <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('8e2c4ed0cd5ad150a91725e3ec0fac45','hugotoml')"
+      onclick="switchTab('00ccf20ae56e4479254c8d179b66c9ed','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1826,13 +1837,13 @@
 </div><p>you now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="94566ba0d58a44c743757637b46d5a93">
+<div class="tab-panel" data-tab-group="913a2b0ed9db8a3219f4479900726380">
   <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('94566ba0d58a44c743757637b46d5a93','hugotoml')"
+      onclick="switchTab('913a2b0ed9db8a3219f4479900726380','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1881,13 +1892,13 @@
 <h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
 
   
-<div class="tab-panel" data-tab-group="4cbc63c31d92699b959c9c13fdf75a09">
+<div class="tab-panel" data-tab-group="dbe2615d24af4815e40c2c935e24c7af">
   <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('4cbc63c31d92699b959c9c13fdf75a09','hugotoml')"
+      onclick="switchTab('dbe2615d24af4815e40c2c935e24c7af','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1932,13 +1943,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="6390c68796a29c2a17098534847f37bb">
+<div class="tab-panel" data-tab-group="51a403ca6c1dc2b0ed81fde692f96d8a">
   <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('6390c68796a29c2a17098534847f37bb','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('51a403ca6c1dc2b0ed81fde692f96d8a','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-branding.css</span>
     </button>
@@ -1961,13 +1972,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="824d99127f6f09b93e6c3de11123570f">
+<div class="tab-panel" data-tab-group="ca569dd1225973c76d0bafa27d052936">
   <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('824d99127f6f09b93e6c3de11123570f','hugotoml')"
+      onclick="switchTab('ca569dd1225973c76d0bafa27d052936','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -2027,8 +2038,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-68cfe9c806bfb86201b105d5d7db50a3" 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-68cfe9c806bfb86201b105d5d7db50a3"><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-7ddc0df55767ba3c62d217c033469ae7" 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-7ddc0df55767ba3c62d217c033469ae7"><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>
@@ -2069,8 +2080,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-25ee2d186ef8f8d0f43b3648acb26ac1" 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-25ee2d186ef8f8d0f43b3648acb26ac1"><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-982396ebceeb5337d611d2b0987aa237" 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-982396ebceeb5337d611d2b0987aa237"><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>
@@ -2175,13 +2186,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-d34427d9a395fd906b0dab0cf0a230a1" aria-controls="R-expandcontent-d34427d9a395fd906b0dab0cf0a230a1" >
-    <label class="expand-label" for="R-expand-d34427d9a395fd906b0dab0cf0a230a1" >
+    <input type="checkbox" id="R-expand-0436e43da79f2b7c4e5d41dcd27c2a5d" aria-controls="R-expandcontent-0436e43da79f2b7c4e5d41dcd27c2a5d" >
+    <label class="expand-label" for="R-expand-0436e43da79f2b7c4e5d41dcd27c2a5d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-d34427d9a395fd906b0dab0cf0a230a1" class="expand-content">
+    <div id="R-expandcontent-0436e43da79f2b7c4e5d41dcd27c2a5d" 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>
@@ -2217,8 +2228,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-27edb5fd2bcee20f62bbff1286b05a1d" 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-27edb5fd2bcee20f62bbff1286b05a1d"><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-207f37e13d6a6497a83ad6ff2a611e00" 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-207f37e13d6a6497a83ad6ff2a611e00"><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">
@@ -2230,8 +2241,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-100eb43cff4cd1e371c23b4787480488" 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-100eb43cff4cd1e371c23b4787480488"><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-634db8979fb251e93d67a70e1c50a583" 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-634db8979fb251e93d67a70e1c50a583"><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>
@@ -4155,8 +4166,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-1898145469f2d92cc3aa42059bd42581" 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-1898145469f2d92cc3aa42059bd42581"><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-0680db2a6f1696c55bfdafcac32e545f" 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-0680db2a6f1696c55bfdafcac32e545f"><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>
@@ -4206,8 +4217,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-a08e8bb0c7a1b130ebd9047e7501de8a" 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-a08e8bb0c7a1b130ebd9047e7501de8a"><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-809d3fba54c45270f2d7e5a27827532b" 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-809d3fba54c45270f2d7e5a27827532b"><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">+++
@@ -4217,8 +4228,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-a0db3e153ab73c4bb805789634aae6f4" 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-a0db3e153ab73c4bb805789634aae6f4"><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-391fbc3cfb15c8a08e277ccaabda01b3" 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-391fbc3cfb15c8a08e277ccaabda01b3"><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">+++
@@ -4230,8 +4241,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-1d5c5f01bb4ff44e81c77b1e4ee75867" 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-1d5c5f01bb4ff44e81c77b1e4ee75867"><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-7486654d78cd3def7cc04d6653c997d2" 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-7486654d78cd3def7cc04d6653c997d2"><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>
@@ -4803,8 +4814,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-0d6eef26568878ea8055cd953127018e" 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-0d6eef26568878ea8055cd953127018e"><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-85c7996b02ee0d28041129972709ca72" 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-85c7996b02ee0d28041129972709ca72"><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>
@@ -4814,8 +4825,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-a42d632ca33330e79fd8506329335885" 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-a42d632ca33330e79fd8506329335885"><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-81b0d9484aa5212bcfb26c4931cbb27a" 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-81b0d9484aa5212bcfb26c4931cbb27a"><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>
@@ -4827,8 +4838,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-53774513db9aaf7e548b836f81208170" 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-53774513db9aaf7e548b836f81208170"><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-00a6c8d63fea779821be58e054367bb2" 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-00a6c8d63fea779821be58e054367bb2"><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>
@@ -4840,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-2e27dc233962f40daad965d34eaf8567" 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-2e27dc233962f40daad965d34eaf8567"><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-87b6e89adc41fef6ad0ea8b73689afe9" 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-87b6e89adc41fef6ad0ea8b73689afe9"><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>
@@ -4849,8 +4860,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-b140179dd8ab6194e45724432d79d203" 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-b140179dd8ab6194e45724432d79d203"><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-747edef03dc6e6abdb06b0d850090d69" 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-747edef03dc6e6abdb06b0d850090d69"><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>
@@ -4858,8 +4869,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-2731b8090db34e37fbdc35f3f66732fe" 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-2731b8090db34e37fbdc35f3f66732fe"><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-8913fddffe626a7d90c9a29b6f36e708" 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-8913fddffe626a7d90c9a29b6f36e708"><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>
@@ -4870,8 +4881,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-76653b624311d938182a30d902115835" 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-76653b624311d938182a30d902115835"><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-a41fa2bf841c00fce2c9855d52811460" 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-a41fa2bf841c00fce2c9855d52811460"><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>
@@ -4880,8 +4891,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-a791b929fa6bb74add94e2606c929372" 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-a791b929fa6bb74add94e2606c929372"><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-a385c89b16cf0438d4222c80a1e3d37c" 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-a385c89b16cf0438d4222c80a1e3d37c"><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>
@@ -4890,8 +4901,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-63d15143990cbf8178ca0b0957814148" 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-63d15143990cbf8178ca0b0957814148"><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-44b23c6743f6d7c6e94dd7103d3f6fc9" 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-44b23c6743f6d7c6e94dd7103d3f6fc9"><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>
@@ -4900,8 +4911,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-8c7a5ef6b5b24c0d73a3af7759e3b67a" 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-8c7a5ef6b5b24c0d73a3af7759e3b67a"><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-15ca9fe62b075953ff39328e407a3246" 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-15ca9fe62b075953ff39328e407a3246"><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>
@@ -4913,14 +4924,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-dc1c930ca88178f8cb86ca0f3f5bf8d2" 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-dc1c930ca88178f8cb86ca0f3f5bf8d2"><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-c05a2ad2e9e0cfdfe7398959921f8779" 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-c05a2ad2e9e0cfdfe7398959921f8779"><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-73bf8238b60d1a5158018f12a1da71e8" 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-73bf8238b60d1a5158018f12a1da71e8"><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-c6976b16ef789b5aa79e16e9eda199be" 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-c6976b16ef789b5aa79e16e9eda199be"><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-5d60f54663bb6f3558eaaec2d4b14b08" 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-5d60f54663bb6f3558eaaec2d4b14b08"><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-a27e53831bd0b852aad5ad361ad0d26a" 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-a27e53831bd0b852aad5ad361ad0d26a"><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-b2f02b1a491ae554f6a3264673e8cd6b" 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-b2f02b1a491ae554f6a3264673e8cd6b"><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-34255cdd8a5ac7f2d50e0acab185d465" 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-34255cdd8a5ac7f2d50e0acab185d465"><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>
@@ -4929,8 +4940,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-b7b51461a50c12c7b3aadf7d3a1e76f8" 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-b7b51461a50c12c7b3aadf7d3a1e76f8"><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-760f4c45455831e176eabe4fc3f17a63" 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-760f4c45455831e176eabe4fc3f17a63"><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>
@@ -4969,13 +4980,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="9d41cccfedabd1539224de99a0d32d8a">
+<div class="tab-panel" data-tab-group="aa239acf57732314cc40d7ac133b5d85">
   <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('9d41cccfedabd1539224de99a0d32d8a','hugotoml')"
+      onclick="switchTab('aa239acf57732314cc40d7ac133b5d85','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -4996,13 +5007,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="829358a918797a6e204eeffb285d8d24">
+<div class="tab-panel" data-tab-group="1543ed6de6e6fd70c5ce63baba49d179">
   <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('829358a918797a6e204eeffb285d8d24','frontmatter')"
+      onclick="switchTab('1543ed6de6e6fd70c5ce63baba49d179','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -5022,13 +5033,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="3a725fafa4d14be41e0f9741ab219396">
+<div class="tab-panel" data-tab-group="f959ca91843d7d5a0172198d9f9c4b47">
   <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('3a725fafa4d14be41e0f9741ab219396','url')"
+      onclick="switchTab('f959ca91843d7d5a0172198d9f9c4b47','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -5045,13 +5056,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="23be8998db10222f89f7792dc562215c">
+<div class="tab-panel" data-tab-group="769e3c0d230d17caf2a8a4069fe35e12">
   <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('23be8998db10222f89f7792dc562215c','result')"
+      onclick="switchTab('769e3c0d230d17caf2a8a4069fe35e12','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -5071,13 +5082,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="fe67aee1d8702f8151ef356064df540b">
+<div class="tab-panel" data-tab-group="0924176e30013b8065ad9fde8eb68800">
   <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('fe67aee1d8702f8151ef356064df540b','html')"
+      onclick="switchTab('0924176e30013b8065ad9fde8eb68800','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -5252,8 +5263,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-d377be3928f3e82d85ee31f19f79fc83" 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-d377be3928f3e82d85ee31f19f79fc83"><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-0aba7f1aaa50a8703131ac99d535b8e8" 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-0aba7f1aaa50a8703131ac99d535b8e8"><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>
@@ -6518,13 +6529,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-b85b0ae52fd58669fdff232529789710" aria-controls="R-expandcontent-b85b0ae52fd58669fdff232529789710" >
-    <label class="expand-label" for="R-expand-b85b0ae52fd58669fdff232529789710" >
+    <input type="checkbox" id="R-expand-29dbb5774223a283d94314cc689ad96c" aria-controls="R-expandcontent-29dbb5774223a283d94314cc689ad96c" >
+    <label class="expand-label" for="R-expand-29dbb5774223a283d94314cc689ad96c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-b85b0ae52fd58669fdff232529789710" class="expand-content">
+    <div id="R-expandcontent-29dbb5774223a283d94314cc689ad96c" 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>
@@ -6642,26 +6653,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-32c7c8c31be191ed67ff37bd9131be43" aria-controls="R-expandcontent-32c7c8c31be191ed67ff37bd9131be43" >
-    <label class="expand-label" for="R-expand-32c7c8c31be191ed67ff37bd9131be43" >
+    <input type="checkbox" id="R-expand-911617c9a215b5f318ec27f60388f57d" aria-controls="R-expandcontent-911617c9a215b5f318ec27f60388f57d" >
+    <label class="expand-label" for="R-expand-911617c9a215b5f318ec27f60388f57d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-32c7c8c31be191ed67ff37bd9131be43" class="expand-content">
+    <div id="R-expandcontent-911617c9a215b5f318ec27f60388f57d" 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-ef9664358075465cc1fb9f00d8a48675" aria-controls="R-expandcontent-ef9664358075465cc1fb9f00d8a48675"  checked>
-    <label class="expand-label" for="R-expand-ef9664358075465cc1fb9f00d8a48675" >
+    <input type="checkbox" id="R-expand-a04facb6adf8f38af107df8202c5732f" aria-controls="R-expandcontent-a04facb6adf8f38af107df8202c5732f"  checked>
+    <label class="expand-label" for="R-expand-a04facb6adf8f38af107df8202c5732f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-ef9664358075465cc1fb9f00d8a48675" class="expand-content">
+    <div id="R-expandcontent-a04facb6adf8f38af107df8202c5732f" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -6682,13 +6693,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-0809957b61e32a293598074bf95d730c" aria-controls="R-expandcontent-0809957b61e32a293598074bf95d730c" >
-    <label class="expand-label" for="R-expand-0809957b61e32a293598074bf95d730c" >
+    <input type="checkbox" id="R-expand-0ff9938607a94de000d43c38799b2a5d" aria-controls="R-expandcontent-0ff9938607a94de000d43c38799b2a5d" >
+    <label class="expand-label" for="R-expand-0ff9938607a94de000d43c38799b2a5d" >
         <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-0809957b61e32a293598074bf95d730c" class="expand-content">
+    <div id="R-expandcontent-0ff9938607a94de000d43c38799b2a5d" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -6716,13 +6727,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="983dbfad9d08c483d9dc3e208c87cbe5">
+<div class="tab-panel" data-tab-group="e510584997fa902c63f9562832e8b57f">
   <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('983dbfad9d08c483d9dc3e208c87cbe5','python')"
+      onclick="switchTab('e510584997fa902c63f9562832e8b57f','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -6934,13 +6945,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="87b64f5a195bbd22c46fbabd6fd03791">
+<div class="tab-panel" data-tab-group="c2bbae6c61fdd8c093e745283ad0691a">
   <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('87b64f5a195bbd22c46fbabd6fd03791','python')"
+      onclick="switchTab('c2bbae6c61fdd8c093e745283ad0691a','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -8390,7 +8401,7 @@ xychart-beta
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-be97847f3cc844845ffbb7bc40ee35c2"
+    id="R-openapi-e8b480e1f3e1ff42ea92840832fc866f"
     data-openapi-url="./shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -8486,13 +8497,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="06a2e1d2dfcd9899832ad32d35a893a0">
+<div class="tab-panel" data-tab-group="93247099262111b8939061c8c7250e40">
   <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('06a2e1d2dfcd9899832ad32d35a893a0','hugotoml')"
+      onclick="switchTab('93247099262111b8939061c8c7250e40','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -8524,13 +8535,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="4cf9c5e4c6c340136754871711177daa">
+<div class="tab-panel" data-tab-group="222766d21e9f5a4570f9d56ca6307297">
   <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('4cf9c5e4c6c340136754871711177daa','c')"
+      onclick="switchTab('222766d21e9f5a4570f9d56ca6307297','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -8635,13 +8646,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="0eb6e54f2926a600c76bfbb78e5086ae">
+<div class="tab-panel" data-tab-group="b3d7113ceec91a36c16e51b6827d201c">
   <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('0eb6e54f2926a600c76bfbb78e5086ae','code')"
+      onclick="switchTab('b3d7113ceec91a36c16e51b6827d201c','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -8663,13 +8674,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="65cfce21575c047f29a1bd7b1da8b9c3">
+<div class="tab-panel" data-tab-group="29fb2f57e9e3c45fdea6c27acd1260b1">
   <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('65cfce21575c047f29a1bd7b1da8b9c3','mixed')"
+      onclick="switchTab('29fb2f57e9e3c45fdea6c27acd1260b1','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -8714,41 +8725,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="845e881b0c9a0eace27997e76551171a">
+<div class="tab-panel" data-tab-group="d3eefb5668ee93c2809fe04ad9f44e4e">
   <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('845e881b0c9a0eace27997e76551171a','just-colored-style')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','just-color')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','default-style-and-color')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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>
@@ -8815,27 +8826,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="664f62a5744415e0aae88f6de1e9ceb2">
+<div class="tab-panel" data-tab-group="956ffa668168c6ee7915c11652566743">
   <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('664f62a5744415e0aae88f6de1e9ceb2','py')"
+      onclick="switchTab('956ffa668168c6ee7915c11652566743','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('664f62a5744415e0aae88f6de1e9ceb2','sh')"
+      onclick="switchTab('956ffa668168c6ee7915c11652566743','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('664f62a5744415e0aae88f6de1e9ceb2','c')"
+      onclick="switchTab('956ffa668168c6ee7915c11652566743','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -8983,27 +8994,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="2757806de17986499eed34d8f633d53d">
+<div class="tab-panel" data-tab-group="e7e29f248492fcf740e96521a907f23b">
   <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('2757806de17986499eed34d8f633d53d','group-a-tab-view-1')"
+      onclick="switchTab('e7e29f248492fcf740e96521a907f23b','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('2757806de17986499eed34d8f633d53d','group-a-tab-view-2')"
+      onclick="switchTab('e7e29f248492fcf740e96521a907f23b','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('2757806de17986499eed34d8f633d53d','group-b')"
+      onclick="switchTab('e7e29f248492fcf740e96521a907f23b','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -9360,8 +9371,8 @@ xychart-beta
         </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1701476212" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1701476212" defer></script>
+    <script src="./js/clipboard.min.js?1701613408" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1701613408" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -9390,27 +9401,27 @@ xychart-beta
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1701476212"></script>
-    <script src="./js/d3/d3-color.min.js?1701476212" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1701476212" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1701476212" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1701476212" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1701476212" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1701476212" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1701476212" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1701476212" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1701476212" defer></script>
-    <script src="./js/js-yaml.min.js?1701476212" defer></script>
-    <script src="./js/mermaid.min.js?1701476212" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1701613408"></script>
+    <script src="./js/d3/d3-color.min.js?1701613408" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1701613408" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1701613408" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1701613408" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1701613408" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1701613408" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1701613408" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1701613408" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1701613408" defer></script>
+    <script src="./js/js-yaml.min.js?1701613408" defer></script>
+    <script src="./js/mermaid.min.js?1701613408" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="./js/swagger-ui/swagger-ui-bundle.js?1701476212" defer></script>
-    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1701476212" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-bundle.js?1701613408" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1701613408" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701476212", assetsBuster:  1701476212  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701613408", assetsBuster:  1701613408  };
     </script>
-    <script src="./js/theme.js?1701476212" defer></script>
+    <script src="./js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/index.search.js b/index.search.js
index 127bbc9a1b..8dba808316 100644
--- a/index.search.js
+++ b/index.search.js
@@ -146,7 +146,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Basics",
-    "content": "On top of Hugo’s global configuration options, the Relearn theme lets you define further options unique to the theme in your hugo.toml. The defaults are written in the comments of each option.\nNote that some of these options are explained in detail in other sections of this documentation.\n​ hugo.toml [params] # If an option value is said to be not set, you can achieve the same behavior # by given it an empty string value. ############################################################################### # Hugo # These options usually apply to other themes aswell. # The author of your site. # Default: not set # This will be used in HTML meta tags, the opengraph protocol and twitter # cards. # You can also set `author.email` if you want to publish this information. author.name = \"Sören Weber\" # The social media image of your site. # Default: not set # This is used for generating social media meta information for the opengraph # protocol and twitter cards. # This can be overridden in the page's frontmatter. images = [ \"images/hero.png\" ] # The description of your site. # Default: not set # This is used for generating HTML meta tags, social media meta information # for the opengraph protocol and twitter cards. # This can be overridden in the page's frontmatter. description = \"Documentation for Hugo Relearn Theme\" # Admin options for social media. # Default: not set # Configuration for the Open Graph protocol and Twitter Cards adhere to Hugo's # implementation. See the Hugo docs for possible values. social.facebook_admin = \"\" social.twitter = \"\" ############################################################################### # Relearn Theme # These options are specific to the Relearn theme. #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Variants # These options set your color variant. # Used color variants. # Default: \"auto\" # This sets one or more color variants, available to your readers to choose # from. You can # - set a single value eg. \"zen-light\" # - an array like [ \"neon\", \"learn\" ] # - an array with options like [ { identifier = \"neon\" },{ identifier = \"learn\" } ] # The last form allows to set further options for each variant. # The `identifier` is mandatory. You can also set `name` which overrides the # value displayed in the variant selector. # If the array has more than one entry, a variant selector # is shown in the lower part of the menu. The first entry in the array is the # default variant, used for first time visitors. # The theme ships with the following variants: \"relearn-bright\", # \"relearn-light\", \"relearn-dark\", \"zen-light\", \"zen-dark\", \"neon\", \"learn\", # \"blue\", \"green\", \"red\". In addition you can use auto mode variants. See the # docs for a detailed explaination. # You can also define your own variants. See the docs how this works. Also, # the docs provide an interactive theme generator to help you with this task. themeVariant = [ { identifier = \"relearn-auto\", name = \"Relearn Light/Dark\", auto = [] }, { identifier = \"relearn-light\" }, { identifier = \"relearn-dark\" }, { identifier = \"relearn-bright\" }, { identifier = \"zen-auto\", name = \"Zen Light/Dark\", auto = [ \"zen-light\", \"zen-dark\" ] }, { identifier = \"zen-light\" }, { identifier = \"zen-dark\" }, { identifier = \"neon\" }, { identifier = \"learn\" }, { identifier = \"blue\" }, { identifier = \"green\" }, { identifier = \"red\" } ] #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # General # These options are defining general, non visual behavior. # Avoid new asset URLs on build. # Default: false # By default JavaScript-files and CSS-files get a unique ID on each rebuild. # This makes sure, the user always has the latest version and not some stale # copy of his browser cache. Anyways, it can be desireable to turn this # off in certain circumstances. For example if you have Hugo's dev server # running. Also some proxies dislike this optimization. disableAssetsBusting = false # Avoid generator meta tags. # Default: false # Set this to true if you want to disable generation for generator meta tags # of Hugo and the theme in your HTML head. In tihs case also don't forget to # set Hugo's disableHugoGeneratorInject=true. Otherwise Hugo will generate a # meta tag into your home page anyways. disableGeneratorVersion = false # Avoid unique IDs. # Default: false # In various situations the theme generates non stable unique ids to be used # in HTML fragment links. This can be undesirable for example when testing # the output for changes. If you disable the random id generation, the theme # may not function correctly anymore. disableRandomIds = false # Multilanguage content. # Default: not set # If your pages contain further languages besides the main one used, add all # those auxiliary languages here. This will create a search index with # support for all used languages of your site. # This is handy for example if you are writing in Spanish but have lots of # source code on your page which typically uses English terminology. additionalContentLanguage = [ \"en\" ] # Additional code dependencies. # Default: See hugo.toml of the theme # The theme provides a mechanism to load further JavaScript and CSS # dependencies on demand only if they are needed. This comes in handy if you # want to add own shortcodes that depend on additional code to be loaded. # See the docs how this works. # [relearn.dependencies] #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Topbar # These options modify the topbar appearance. # Hide the table of contents button. # Default: false # If the TOC button is hidden, also the keyboard shortcut is disabled. # This can be overridden in the page's frontmatter. disableToc = false # Hide the breadcrumbs. # Default: false # If the breadcrumbs are hidden, the title of the displayed page will still be # shown in the topbar. disableBreadcrumb = false # Hide Next and Previous navigation buttons. # Default: false # If the navigation buttons are hidden, also the keyboard shortcuts are # disabled. disableNextPrev = false # The URL prefix to edit a page. # Default: not set # If set, an edit button will be shown in the topbar. If the button is hidden, # also the keyboard shortcuts are disabled. The given URL is prepended to the # relative file path of a the displayed page. The URL must end with a `/`. # This is useful if you wnat to give the opportunity for people to create merge # request for your content. editURL = \"https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Menu # These options modify the menu apperance. # Hide the search box. # Default: false # If the searc box is sisabled, the search functionality is disabled too. # This will also cause the keyboard shortcut to be disabled and the dedicated # search page is not linked although it mighty be configured. disableSearch = false # Hide the Home entry. # Default: false # If shown, a Home button will appear below the search bar and the main menu. # It links to your the home page of the current language. disableLandingPageButton = true # The order of main menu submenus. # Default: \"weight\" # Submenus can be ordered by \"weight\", \"title\", \"linktitle\", \"modifieddate\", # \"expirydate\", \"publishdate\", \"date\", \"length\" or \"default\" (adhering to # Hugo's default sort order). This can be overridden in the pages frontmatter. ordersectionsby = \"weight\" # The initial expand state of submenus. # Default: not set # This controls whether submenus will be expanded (true), or collapsed (false) # in the menu. If not set, the first menu level is set to false, all others # levels are set to true. This can be overridden in the page's frontmatter. # If the displayed page has submenus, they will always been displayed expanded # regardless of this option. alwaysopen = \"\" # Shows expander for submenus. # Default: false # If set to true, a submenu in the sidebar will be displayed in a collapsible # tree view and a clickable expander is set in front of the entry. # This can be overridden in the page's frontmatter. collapsibleMenu = true # Shows checkmarks for visited pages of the main menu. # Default: false # This also causes the display of the `Clear History` entry in the lower part # of the menu to remove all checkmarks. The checkmarks will also been removed # if you regenerate your site as the ids are not stable. showVisitedLinks = true # Hide heading above the shortcut menu. # Default: false # The title for the heading can be overwritten in your i18n files. See Hugo's # documentation how to do this. disableShortcutsTitle = false # Hide the language switcher. # Default: false # If you have more than one language configured, a language switcher is # displayed in the lower part of the menu. This opition lets you explicitly # turn this behavior off. disableLanguageSwitchingButton = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Hidden pages # These options configure how hidden pages are treated. # A page flagged as hidden, is only removed from the main menu if you are # currently not on this page or the hidden page is not part of current page's # ancestors. For all other functionality in Hugo a hidden page behaves like any # other page if not otherwise configured. # Hide hidden pages from search. # Default: false # Hides hidden pages from the suggestions of the search box and the dedicated # search page. disableSearchHiddenPages = false # Hide hidden pages for web crawlers. # Default: false # Avoids hidden pages from showing up in the sitemap and on Google (et all), # otherwise they may be indexed by search engines disableSeoHiddenPages = true # Hide hidden pages for taxonomies. # Default: false # Hides hidden pages from showing up on the taxonomy and terms pages. If this # reduces term counters to zero, an empty but not linked term page will be # created anyhow. disableTagHiddenPages = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Content # These options modify how your content is displayed. # Title separator. # Default: \"::\" # Changes the title separator used when concatenating the page title with the # site title. This is consistently used throughout the theme. titleSeparator = \"::\" # Breadcrumb separator. # Default: \"\u003e\" # Changes the breadcrumb separator used in the topbars breadcrumb area and for # search results and term pages. breadcrumbSeparator = \"\u003e\" # Hide the root breadcrumb. # Default: false # The root breadcrumb is usually the home page of your site. Because this is # always accessible by clicking on the logo, you may want to reduce clutter # by removing this from your breadcrumb. disableRootBreadcrumb = true # Hide breadcrumbs term pages. # Default: false # If you have lots of taxonomy terms, the term pages may seem cluttered with # breadcrumbs to you, so this is the option to turn off breadcrumbs on term # pages. Only the page title will then be shown on the term pages. disableTermBreadcrumbs = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Highlight # These options configure how code is displayed. # Hide copy-to-clipboard for inline code. # Default: false # This removes the copy-to-clipboard button from your inline code. disableInlineCopyToClipBoard = true # Always show copy-to-clipboard for block code. # Default: false # The theme only shows the copy-to-clipboard button if you hover over the code # block. Set this to true to disable the hover effect and always show the # button. disableHoverBlockCopyToClipBoard = false # Wrap for code blocks. # Default: true # By default lines of code blocks wrap around if the line is too long to be # displayed on screen. If you dislike this behavior, you can reconfigure it # here. # Note that lines always wrap in print mode regardless of this option. # This can be overridden in the page's frontmatter or given as a parameter to # individual code blocks. highlightWrap = true #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Images # These options configure how images are displayed. # Image effects. # See the documentation for how you can even add your own arbitrary effects to # the list. # All effects can be overridden in the page's frontmatter or thru URL parameter # given to the image. See the documentation for details. # Default: false imageEffects.border = true # Default: true imageEffects.lightbox = true # Default: false imageEffects.shadow = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Links # These options configure how links are displayed. # How to open external links. # Default: \"_blank\" # For external links you can define how they are opened in your browser. All # values for the HTML `target` attribute of the `a` element are allowed. The # default value opens external links in a separate browser tab. If you want # to open those links in the same tab, use \"_self\". externalLinkTarget = \"_blank\" # Generate link URLs the Hugo way. # Default: false # If set to true, the theme behaves like a standard Hugo installation and # appends no index.html to prettyURLs. As a trade off, your build project will # not be servable from the file system. disableExplicitIndexURLs = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # MathJax # These options configure how math formulae are displayed. # Initialization options for MathJax. # Default: not set # A JSON value. See the MathJaxdocumentation for possible parameter. # This can be overridden in the page's frontmatter. mathJaxInitialize = \"{}\" # Only load MathJax if needed. # Default: true # If a Math shortcode is found, the option will be ignored and # MathJax will be loaded regardlessly. The option is still useful in case you # are using scripting to set up your graph. In this case no shortcode or # codefence is involved and the library is not loaded by default. In this case # you can set `disableMathJax=false` in your frontmatter to force the library to # be loaded. # This can be overridden in the page's frontmatter. disableMathJax = true # URL for external MathJax library. # Default: not set # Specifies the remote location of the MathJax library. By default the shipped # version will be used. # This can be overridden in the page's frontmatter. customMathJaxURL = \"\" # \"https://unpkg.com/mathjax/es5/tex-mml-chtml.js\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Mermaid # These options configure how Mermaid graphs are displayed. # Make graphs panable and zoomable # Default: false # For huge graphs it can be helpful to make them zoomable. Zoomable graphs come # with a reset button for the zoom. # This can be overridden in the page's frontmatter or given as a parameter to # individual graphs. mermaidZoom = true # Initialization options for Mermaid. # Default: not set # A JSON value. See the Mermaid documentation for possible parameter. # This can be overridden in the page's frontmatter. mermaidInitialize = \"{ \\\"securityLevel\\\": \\\"loose\\\" }\" # Only load Mermaid if needed. # Default: true # If a Mermaid shortcode or codefence is found, the option will be ignored and # Mermaid will be loaded regardlessly. The option is still useful in case you # are using scripting to set up your graph. In this case no shortcode or # codefence is involved and the library is not loaded by default. In this case # you can set `disableMermaid=false` in your frontmatter to force the library to # be loaded. # This can be overridden in the page's frontmatter. disableMermaid = true # URL for external Mermaid library. # Default: not set # Specifies the remote location of the Mermaid library. By default the shipped # version will be used. # This can be overridden in the page's frontmatter. customMermaidURL = \"\" # \"https://unpkg.com/mermaid/dist/mermaid.min.js\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # OpenApi # These options configure how OpenAPI specifications are displayed. # Only load OpenAPI if needed. # Default: true # If a OpenAPI shortcode is found, the option will be ignored and # OpenAPI will be loaded regardlessly. The option is still useful in case you # are using scripting to set up your graph. In this case no shortcode or # codefence is involved and the library is not loaded by default. In this case # you can set `disableOpenapi=false` in your frontmatter to force the library to # be loaded. # This can be overridden in the page's frontmatter. disableOpenapi = true # URL for external OpenAPI library. # Default: not set # Specifies the remote location of the OpenAPI library. By default the shipped # version will be used. # This can be overridden in the page's frontmatter. customOpenapiURL = \"\" # \"https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js\" ",
+    "content": "On top of Hugo’s global configuration options, the Relearn theme lets you define further options unique to the theme in your hugo.toml. The defaults are written in the comments of each option.\nNote that some of these options are explained in detail in other sections of this documentation.\n​ hugo.toml [params] # If an option value is said to be not set, you can achieve the same behavior # by given it an empty string value. ############################################################################### # Hugo # These options usually apply to other themes aswell. # The author of your site. # Default: not set # This will be used in HTML meta tags, the opengraph protocol and twitter # cards. # You can also set `author.email` if you want to publish this information. author.name = \"Sören Weber\" # The social media image of your site. # Default: not set # This is used for generating social media meta information for the opengraph # protocol and twitter cards. # This can be overridden in the page's frontmatter. images = [ \"images/hero.png\" ] # The description of your site. # Default: not set # This is used for generating HTML meta tags, social media meta information # for the opengraph protocol and twitter cards. # This can be overridden in the page's frontmatter. description = \"Documentation for Hugo Relearn Theme\" # Admin options for social media. # Default: not set # Configuration for the Open Graph protocol and Twitter Cards adhere to Hugo's # implementation. See the Hugo docs for possible values. social.facebook_admin = \"\" social.twitter = \"\" ############################################################################### # Relearn Theme # These options are specific to the Relearn theme. #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Variants # These options set your color variant. # Used color variants. # Default: \"auto\" # This sets one or more color variants, available to your readers to choose # from. You can # - set a single value eg. \"zen-light\" # - an array like [ \"neon\", \"learn\" ] # - an array with options like [ { identifier = \"neon\" },{ identifier = \"learn\" } ] # The last form allows to set further options for each variant. # The `identifier` is mandatory. You can also set `name` which overrides the # value displayed in the variant selector. # If the array has more than one entry, a variant selector # is shown in the lower part of the menu. The first entry in the array is the # default variant, used for first time visitors. # The theme ships with the following variants: \"relearn-bright\", # \"relearn-light\", \"relearn-dark\", \"zen-light\", \"zen-dark\", \"neon\", \"learn\", # \"blue\", \"green\", \"red\". In addition you can use auto mode variants. See the # docs for a detailed explaination. # You can also define your own variants. See the docs how this works. Also, # the docs provide an interactive theme generator to help you with this task. themeVariant = [ { identifier = \"relearn-auto\", name = \"Relearn Light/Dark\", auto = [] }, { identifier = \"relearn-light\" }, { identifier = \"relearn-dark\" }, { identifier = \"relearn-bright\" }, { identifier = \"zen-auto\", name = \"Zen Light/Dark\", auto = [ \"zen-light\", \"zen-dark\" ] }, { identifier = \"zen-light\" }, { identifier = \"zen-dark\" }, { identifier = \"neon\" }, { identifier = \"learn\" }, { identifier = \"blue\" }, { identifier = \"green\" }, { identifier = \"red\" } ] # Filename suffix for variant files # Default: not set # The theme modifies the variant stylesheets during build and tries to store # them with the same file name. In certain installations it was observed, that # Hugo could not overwrite these files due to permission issues. If you # experience this, you can set this option to eg. \".gen\". This will be used # as a suffix for these generated files, causing them be newly created instead # of overwriting existing ones. themeVariantModifier = \"\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # General # These options are defining general, non visual behavior. # Avoid new asset URLs on build. # Default: false # By default JavaScript-files and CSS-files get a unique ID on each rebuild. # This makes sure, the user always has the latest version and not some stale # copy of his browser cache. Anyways, it can be desireable to turn this # off in certain circumstances. For example if you have Hugo's dev server # running. Also some proxies dislike this optimization. disableAssetsBusting = false # Avoid generator meta tags. # Default: false # Set this to true if you want to disable generation for generator meta tags # of Hugo and the theme in your HTML head. In tihs case also don't forget to # set Hugo's disableHugoGeneratorInject=true. Otherwise Hugo will generate a # meta tag into your home page anyways. disableGeneratorVersion = false # Avoid unique IDs. # Default: false # In various situations the theme generates non stable unique ids to be used # in HTML fragment links. This can be undesirable for example when testing # the output for changes. If you disable the random id generation, the theme # may not function correctly anymore. disableRandomIds = false # Multilanguage content. # Default: not set # If your pages contain further languages besides the main one used, add all # those auxiliary languages here. This will create a search index with # support for all used languages of your site. # This is handy for example if you are writing in Spanish but have lots of # source code on your page which typically uses English terminology. additionalContentLanguage = [ \"en\" ] # Additional code dependencies. # Default: See hugo.toml of the theme # The theme provides a mechanism to load further JavaScript and CSS # dependencies on demand only if they are needed. This comes in handy if you # want to add own shortcodes that depend on additional code to be loaded. # See the docs how this works. # [relearn.dependencies] #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Topbar # These options modify the topbar appearance. # Hide the table of contents button. # Default: false # If the TOC button is hidden, also the keyboard shortcut is disabled. # This can be overridden in the page's frontmatter. disableToc = false # Hide the breadcrumbs. # Default: false # If the breadcrumbs are hidden, the title of the displayed page will still be # shown in the topbar. disableBreadcrumb = false # Hide Next and Previous navigation buttons. # Default: false # If the navigation buttons are hidden, also the keyboard shortcuts are # disabled. disableNextPrev = false # The URL prefix to edit a page. # Default: not set # If set, an edit button will be shown in the topbar. If the button is hidden, # also the keyboard shortcuts are disabled. The given URL is prepended to the # relative file path of a the displayed page. The URL must end with a `/`. # This is useful if you wnat to give the opportunity for people to create merge # request for your content. editURL = \"https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Menu # These options modify the menu apperance. # Hide the search box. # Default: false # If the searc box is sisabled, the search functionality is disabled too. # This will also cause the keyboard shortcut to be disabled and the dedicated # search page is not linked although it mighty be configured. disableSearch = false # Hide the Home entry. # Default: false # If shown, a Home button will appear below the search bar and the main menu. # It links to your the home page of the current language. disableLandingPageButton = true # The order of main menu submenus. # Default: \"weight\" # Submenus can be ordered by \"weight\", \"title\", \"linktitle\", \"modifieddate\", # \"expirydate\", \"publishdate\", \"date\", \"length\" or \"default\" (adhering to # Hugo's default sort order). This can be overridden in the pages frontmatter. ordersectionsby = \"weight\" # The initial expand state of submenus. # Default: not set # This controls whether submenus will be expanded (true), or collapsed (false) # in the menu. If not set, the first menu level is set to false, all others # levels are set to true. This can be overridden in the page's frontmatter. # If the displayed page has submenus, they will always been displayed expanded # regardless of this option. alwaysopen = \"\" # Shows expander for submenus. # Default: false # If set to true, a submenu in the sidebar will be displayed in a collapsible # tree view and a clickable expander is set in front of the entry. # This can be overridden in the page's frontmatter. collapsibleMenu = true # Shows checkmarks for visited pages of the main menu. # Default: false # This also causes the display of the `Clear History` entry in the lower part # of the menu to remove all checkmarks. The checkmarks will also been removed # if you regenerate your site as the ids are not stable. showVisitedLinks = true # Hide heading above the shortcut menu. # Default: false # The title for the heading can be overwritten in your i18n files. See Hugo's # documentation how to do this. disableShortcutsTitle = false # Hide the language switcher. # Default: false # If you have more than one language configured, a language switcher is # displayed in the lower part of the menu. This opition lets you explicitly # turn this behavior off. disableLanguageSwitchingButton = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Hidden pages # These options configure how hidden pages are treated. # A page flagged as hidden, is only removed from the main menu if you are # currently not on this page or the hidden page is not part of current page's # ancestors. For all other functionality in Hugo a hidden page behaves like any # other page if not otherwise configured. # Hide hidden pages from search. # Default: false # Hides hidden pages from the suggestions of the search box and the dedicated # search page. disableSearchHiddenPages = false # Hide hidden pages for web crawlers. # Default: false # Avoids hidden pages from showing up in the sitemap and on Google (et all), # otherwise they may be indexed by search engines disableSeoHiddenPages = true # Hide hidden pages for taxonomies. # Default: false # Hides hidden pages from showing up on the taxonomy and terms pages. If this # reduces term counters to zero, an empty but not linked term page will be # created anyhow. disableTagHiddenPages = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Content # These options modify how your content is displayed. # Title separator. # Default: \"::\" # Changes the title separator used when concatenating the page title with the # site title. This is consistently used throughout the theme. titleSeparator = \"::\" # Breadcrumb separator. # Default: \"\u003e\" # Changes the breadcrumb separator used in the topbars breadcrumb area and for # search results and term pages. breadcrumbSeparator = \"\u003e\" # Hide the root breadcrumb. # Default: false # The root breadcrumb is usually the home page of your site. Because this is # always accessible by clicking on the logo, you may want to reduce clutter # by removing this from your breadcrumb. disableRootBreadcrumb = true # Hide breadcrumbs term pages. # Default: false # If you have lots of taxonomy terms, the term pages may seem cluttered with # breadcrumbs to you, so this is the option to turn off breadcrumbs on term # pages. Only the page title will then be shown on the term pages. disableTermBreadcrumbs = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Highlight # These options configure how code is displayed. # Hide copy-to-clipboard for inline code. # Default: false # This removes the copy-to-clipboard button from your inline code. disableInlineCopyToClipBoard = true # Always show copy-to-clipboard for block code. # Default: false # The theme only shows the copy-to-clipboard button if you hover over the code # block. Set this to true to disable the hover effect and always show the # button. disableHoverBlockCopyToClipBoard = false # Wrap for code blocks. # Default: true # By default lines of code blocks wrap around if the line is too long to be # displayed on screen. If you dislike this behavior, you can reconfigure it # here. # Note that lines always wrap in print mode regardless of this option. # This can be overridden in the page's frontmatter or given as a parameter to # individual code blocks. highlightWrap = true #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Images # These options configure how images are displayed. # Image effects. # See the documentation for how you can even add your own arbitrary effects to # the list. # All effects can be overridden in the page's frontmatter or thru URL parameter # given to the image. See the documentation for details. # Default: false imageEffects.border = true # Default: true imageEffects.lightbox = true # Default: false imageEffects.shadow = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Links # These options configure how links are displayed. # How to open external links. # Default: \"_blank\" # For external links you can define how they are opened in your browser. All # values for the HTML `target` attribute of the `a` element are allowed. The # default value opens external links in a separate browser tab. If you want # to open those links in the same tab, use \"_self\". externalLinkTarget = \"_blank\" # Generate link URLs the Hugo way. # Default: false # If set to true, the theme behaves like a standard Hugo installation and # appends no index.html to prettyURLs. As a trade off, your build project will # not be servable from the file system. disableExplicitIndexURLs = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # MathJax # These options configure how math formulae are displayed. # Initialization options for MathJax. # Default: not set # A JSON value. See the MathJaxdocumentation for possible parameter. # This can be overridden in the page's frontmatter. mathJaxInitialize = \"{}\" # Only load MathJax if needed. # Default: true # If a Math shortcode is found, the option will be ignored and # MathJax will be loaded regardlessly. The option is still useful in case you # are using scripting to set up your graph. In this case no shortcode or # codefence is involved and the library is not loaded by default. In this case # you can set `disableMathJax=false` in your frontmatter to force the library to # be loaded. # This can be overridden in the page's frontmatter. disableMathJax = true # URL for external MathJax library. # Default: not set # Specifies the remote location of the MathJax library. By default the shipped # version will be used. # This can be overridden in the page's frontmatter. customMathJaxURL = \"\" # \"https://unpkg.com/mathjax/es5/tex-mml-chtml.js\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Mermaid # These options configure how Mermaid graphs are displayed. # Make graphs panable and zoomable # Default: false # For huge graphs it can be helpful to make them zoomable. Zoomable graphs come # with a reset button for the zoom. # This can be overridden in the page's frontmatter or given as a parameter to # individual graphs. mermaidZoom = true # Initialization options for Mermaid. # Default: not set # A JSON value. See the Mermaid documentation for possible parameter. # This can be overridden in the page's frontmatter. mermaidInitialize = \"{ \\\"securityLevel\\\": \\\"loose\\\" }\" # Only load Mermaid if needed. # Default: true # If a Mermaid shortcode or codefence is found, the option will be ignored and # Mermaid will be loaded regardlessly. The option is still useful in case you # are using scripting to set up your graph. In this case no shortcode or # codefence is involved and the library is not loaded by default. In this case # you can set `disableMermaid=false` in your frontmatter to force the library to # be loaded. # This can be overridden in the page's frontmatter. disableMermaid = true # URL for external Mermaid library. # Default: not set # Specifies the remote location of the Mermaid library. By default the shipped # version will be used. # This can be overridden in the page's frontmatter. customMermaidURL = \"\" # \"https://unpkg.com/mermaid/dist/mermaid.min.js\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # OpenApi # These options configure how OpenAPI specifications are displayed. # Only load OpenAPI if needed. # Default: true # If a OpenAPI shortcode is found, the option will be ignored and # OpenAPI will be loaded regardlessly. The option is still useful in case you # are using scripting to set up your graph. In this case no shortcode or # codefence is involved and the library is not loaded by default. In this case # you can set `disableOpenapi=false` in your frontmatter to force the library to # be loaded. # This can be overridden in the page's frontmatter. disableOpenapi = true # URL for external OpenAPI library. # Default: not set # Specifies the remote location of the OpenAPI library. By default the shipped # version will be used. # This can be overridden in the page's frontmatter. customOpenapiURL = \"\" # \"https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js\" ",
     "description": "",
     "tags": [
       "config"
diff --git a/js/theme.js b/js/theme.js
index 33b4dbc151..70eac20a29 100644
--- a/js/theme.js
+++ b/js/theme.js
@@ -395,9 +395,10 @@ function initOpenapi( update, attrs ){
 
     }
     function renderOpenAPI(oc) {
+        var mod = window.relearn.themeVariantModifier;
         var buster = window.themeUseOpenapi.assetsBuster ? '?' + window.themeUseOpenapi.assetsBuster : '';
         var print = isPrint || attrs.isPrintPreview ? "PRINT-" : "";
-		var theme = print ? `${baseUri}/css/theme-relearn-light.css` : document.querySelector( '#R-variant-style' ).attributes.href.value
+		var theme = print ? `${baseUri}/css/theme-relearn-light${mod}.css${buster}` : document.querySelector( '#R-variant-style' ).attributes.href.value
         var swagger_theme = variants.getColorValue( print + 'OPENAPI-theme' );
         var swagger_code_theme = variants.getColorValue( print + 'OPENAPI-CODE-theme' );
 
diff --git a/js/variant.js b/js/variant.js
index e7304cd06f..b786d7e52a 100644
--- a/js/variant.js
+++ b/js/variant.js
@@ -89,7 +89,8 @@ var variants = {
 	},
 
 	generateVariantPath: function( variant, old_path ){
-		var new_path = old_path.replace( /^(.*\/theme-).*?(\.css.*)$/, '$1' + variant + '$2' );
+        var mod = window.relearn.themeVariantModifier.replace( '.', '\\.' );
+		var new_path = old_path.replace( new RegExp(`^(.*\/theme-).*?(${mod}\.css.*)$`), '$1' + variant + '$2' );
 		return new_path;
 	},
 
diff --git a/more/credits/index.html b/more/credits/index.html
index 2597599af0..17efa27646 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -285,12 +286,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -450,13 +451,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index 23d78468dc..0ea66e979e 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -157,8 +158,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../js/theme.js?1701476212" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index 5d23ca6e7d..49fc16281b 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../js/url.js?1701476212"></script>
-    <script src="../js/variant.js?1701476212"></script>
+    <link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../js/url.js?1701613408"></script>
+    <script src="../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,6 +43,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
diff --git a/pir/basics/branding/index.html b/pir/basics/branding/index.html
index 89979de3ce..a63e2cc603 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -164,13 +165,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="670b7e1320d80a0344dcbff0273673cb">
+<div class="tab-panel" data-tab-group="abe56e825b7710e8ca8089ed156b637b">
   <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('670b7e1320d80a0344dcbff0273673cb','hugotoml')"
+      onclick="switchTab('abe56e825b7710e8ca8089ed156b637b','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -198,13 +199,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="a629e155fd64b515c7cab41813236f22">
+<div class="tab-panel" data-tab-group="82ea8fd21505115c1fc8757c95be9ed3">
   <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('a629e155fd64b515c7cab41813236f22','hugotoml')"
+      onclick="switchTab('82ea8fd21505115c1fc8757c95be9ed3','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -233,13 +234,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="ed2a6bdbf9a1fb94cb9785c56c99328b">
+<div class="tab-panel" data-tab-group="b15e44c0cbf6ff309bc096b4e4270970">
   <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('ed2a6bdbf9a1fb94cb9785c56c99328b','hugotoml')"
+      onclick="switchTab('b15e44c0cbf6ff309bc096b4e4270970','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -259,13 +260,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="9a6c42a3a53257f92f78a7916fe25872">
+<div class="tab-panel" data-tab-group="1e802040e9efd85d3e9f933f02e2e9d2">
   <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('9a6c42a3a53257f92f78a7916fe25872','hugotoml')"
+      onclick="switchTab('1e802040e9efd85d3e9f933f02e2e9d2','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -287,13 +288,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="a1067eddb1a03b52dd8db4ae4b4d108a">
+<div class="tab-panel" data-tab-group="c5a64748d3543738d644c6e957cbaba7">
   <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('a1067eddb1a03b52dd8db4ae4b4d108a','layoutspartialsfaviconhtml')"
+      onclick="switchTab('c5a64748d3543738d644c6e957cbaba7','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -327,13 +328,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="6c9b906f89e0c0c90d93227299aaea3e">
+<div class="tab-panel" data-tab-group="b820aac198751f4fcdfb1db96e9dcf77">
   <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('6c9b906f89e0c0c90d93227299aaea3e','hugotoml')"
+      onclick="switchTab('b820aac198751f4fcdfb1db96e9dcf77','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -351,13 +352,13 @@
 </div><p>ye now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="babee9386e4def787e9cc505d32de990">
+<div class="tab-panel" data-tab-group="45b8d90132a04e6acb2db2b691844a62">
   <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('babee9386e4def787e9cc505d32de990','hugotoml')"
+      onclick="switchTab('45b8d90132a04e6acb2db2b691844a62','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -406,13 +407,13 @@
 <h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
 
   
-<div class="tab-panel" data-tab-group="0e5d5589989dc61d3649d86f0ab402b6">
+<div class="tab-panel" data-tab-group="62b26406218cec2ea5da6f708f2a69ba">
   <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('0e5d5589989dc61d3649d86f0ab402b6','hugotoml')"
+      onclick="switchTab('62b26406218cec2ea5da6f708f2a69ba','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -457,13 +458,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="49840834e6e16c09c9f9ba47bd38e941">
+<div class="tab-panel" data-tab-group="93981311549ebce4dd2f9d8d0605c740">
   <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('49840834e6e16c09c9f9ba47bd38e941','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('93981311549ebce4dd2f9d8d0605c740','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-brand'n.css</span>
     </button>
@@ -486,13 +487,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="f89c0ca87bd5029dfcb63e6eb9d057fb">
+<div class="tab-panel" data-tab-group="a0b787b5c2b837fc39a99e5587a8d4c0">
   <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('f89c0ca87bd5029dfcb63e6eb9d057fb','hugotoml')"
+      onclick="switchTab('a0b787b5c2b837fc39a99e5587a8d4c0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -607,12 +608,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -772,13 +773,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/basics/branding/index.print.html b/pir/basics/branding/index.print.html
index 2956e85809..0a4fecd08f 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -104,13 +105,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="670b7e1320d80a0344dcbff0273673cb">
+<div class="tab-panel" data-tab-group="abe56e825b7710e8ca8089ed156b637b">
   <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('670b7e1320d80a0344dcbff0273673cb','hugotoml')"
+      onclick="switchTab('abe56e825b7710e8ca8089ed156b637b','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -138,13 +139,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="a629e155fd64b515c7cab41813236f22">
+<div class="tab-panel" data-tab-group="82ea8fd21505115c1fc8757c95be9ed3">
   <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('a629e155fd64b515c7cab41813236f22','hugotoml')"
+      onclick="switchTab('82ea8fd21505115c1fc8757c95be9ed3','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -173,13 +174,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="ed2a6bdbf9a1fb94cb9785c56c99328b">
+<div class="tab-panel" data-tab-group="b15e44c0cbf6ff309bc096b4e4270970">
   <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('ed2a6bdbf9a1fb94cb9785c56c99328b','hugotoml')"
+      onclick="switchTab('b15e44c0cbf6ff309bc096b4e4270970','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -199,13 +200,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="9a6c42a3a53257f92f78a7916fe25872">
+<div class="tab-panel" data-tab-group="1e802040e9efd85d3e9f933f02e2e9d2">
   <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('9a6c42a3a53257f92f78a7916fe25872','hugotoml')"
+      onclick="switchTab('1e802040e9efd85d3e9f933f02e2e9d2','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -227,13 +228,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="a1067eddb1a03b52dd8db4ae4b4d108a">
+<div class="tab-panel" data-tab-group="c5a64748d3543738d644c6e957cbaba7">
   <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('a1067eddb1a03b52dd8db4ae4b4d108a','layoutspartialsfaviconhtml')"
+      onclick="switchTab('c5a64748d3543738d644c6e957cbaba7','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -267,13 +268,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="6c9b906f89e0c0c90d93227299aaea3e">
+<div class="tab-panel" data-tab-group="b820aac198751f4fcdfb1db96e9dcf77">
   <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('6c9b906f89e0c0c90d93227299aaea3e','hugotoml')"
+      onclick="switchTab('b820aac198751f4fcdfb1db96e9dcf77','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -291,13 +292,13 @@
 </div><p>ye now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="babee9386e4def787e9cc505d32de990">
+<div class="tab-panel" data-tab-group="45b8d90132a04e6acb2db2b691844a62">
   <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('babee9386e4def787e9cc505d32de990','hugotoml')"
+      onclick="switchTab('45b8d90132a04e6acb2db2b691844a62','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -346,13 +347,13 @@
 <h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
 
   
-<div class="tab-panel" data-tab-group="0e5d5589989dc61d3649d86f0ab402b6">
+<div class="tab-panel" data-tab-group="62b26406218cec2ea5da6f708f2a69ba">
   <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('0e5d5589989dc61d3649d86f0ab402b6','hugotoml')"
+      onclick="switchTab('62b26406218cec2ea5da6f708f2a69ba','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -397,13 +398,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="49840834e6e16c09c9f9ba47bd38e941">
+<div class="tab-panel" data-tab-group="93981311549ebce4dd2f9d8d0605c740">
   <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('49840834e6e16c09c9f9ba47bd38e941','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('93981311549ebce4dd2f9d8d0605c740','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-brand'n.css</span>
     </button>
@@ -426,13 +427,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="f89c0ca87bd5029dfcb63e6eb9d057fb">
+<div class="tab-panel" data-tab-group="a0b787b5c2b837fc39a99e5587a8d4c0">
   <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('f89c0ca87bd5029dfcb63e6eb9d057fb','hugotoml')"
+      onclick="switchTab('a0b787b5c2b837fc39a99e5587a8d4c0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -466,8 +467,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index 3740197bea..f6dd0569e2 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -143,13 +144,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="df667e5cbf8240cc927e1f461688316a">
+<div class="tab-panel" data-tab-group="cf9988a281d37771d1e4b536a2178be0">
   <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('df667e5cbf8240cc927e1f461688316a','hugotoml')"
+      onclick="switchTab('cf9988a281d37771d1e4b536a2178be0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -238,6 +239,16 @@
 </span></span><span class="line"><span class="cl">	<span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span>            <span class="p">}</span>
 </span></span><span class="line"><span class="cl"><span class="p">]</span>
 </span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="c"># Filename suffix fer variant files</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Th' theme modifies th' variant stylesheets dur'n build an' tries t' store</span>
+</span></span><span class="line"><span class="cl"><span class="c"># them wit' th' same file name. In certain installat'ns it was observed, that</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Cap'n Hugo could not overwrite these files due t' permission issues. If ye</span>
+</span></span><span class="line"><span class="cl"><span class="c"># experience this, ye can set this opt'n t' eg. &#34;.gen&#34;. This will be used</span>
+</span></span><span class="line"><span class="cl"><span class="c"># as a suffix fer these generated files, caus'n them be newly created instead</span>
+</span></span><span class="line"><span class="cl"><span class="c"># o' overwrit'n exist'n ones.</span>
+</span></span><span class="line"><span class="cl"><span class="nx">themeVariantModifier</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
+</span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
 </span></span><span class="line"><span class="cl"><span class="c"># General</span>
 </span></span><span class="line"><span class="cl"><span class="c"># These opt'ns be defin'n general, non visual behavior.</span>
@@ -671,12 +682,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -836,13 +847,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index b148774f43..be83b1776f 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -104,13 +105,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="df667e5cbf8240cc927e1f461688316a">
+<div class="tab-panel" data-tab-group="cf9988a281d37771d1e4b536a2178be0">
   <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('df667e5cbf8240cc927e1f461688316a','hugotoml')"
+      onclick="switchTab('cf9988a281d37771d1e4b536a2178be0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -199,6 +200,16 @@
 </span></span><span class="line"><span class="cl">	<span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span>            <span class="p">}</span>
 </span></span><span class="line"><span class="cl"><span class="p">]</span>
 </span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="c"># Filename suffix fer variant files</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Th' theme modifies th' variant stylesheets dur'n build an' tries t' store</span>
+</span></span><span class="line"><span class="cl"><span class="c"># them wit' th' same file name. In certain installat'ns it was observed, that</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Cap'n Hugo could not overwrite these files due t' permission issues. If ye</span>
+</span></span><span class="line"><span class="cl"><span class="c"># experience this, ye can set this opt'n t' eg. &#34;.gen&#34;. This will be used</span>
+</span></span><span class="line"><span class="cl"><span class="c"># as a suffix fer these generated files, caus'n them be newly created instead</span>
+</span></span><span class="line"><span class="cl"><span class="c"># o' overwrit'n exist'n ones.</span>
+</span></span><span class="line"><span class="cl"><span class="nx">themeVariantModifier</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
+</span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
 </span></span><span class="line"><span class="cl"><span class="c"># General</span>
 </span></span><span class="line"><span class="cl"><span class="c"># These opt'ns be defin'n general, non visual behavior.</span>
@@ -551,8 +562,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index a138f735af..7fb7e55377 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -178,8 +179,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-84104accc20170bcc900f333af8198b7" 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-84104accc20170bcc900f333af8198b7"><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-69c9c2cf4c625f44bb80e0f89af2e31b" 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-69c9c2cf4c625f44bb80e0f89af2e31b"><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>
@@ -220,8 +221,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-765f307d6c899c3365fe19c1453e2637" 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-765f307d6c899c3365fe19c1453e2637"><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-355c52cf1bdb2f75c50667e6dce63466" 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-355c52cf1bdb2f75c50667e6dce63466"><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>
@@ -403,12 +404,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?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -568,13 +569,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?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index 6beabca504..e4a3a6432a 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -120,8 +121,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-84104accc20170bcc900f333af8198b7" 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-84104accc20170bcc900f333af8198b7"><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-69c9c2cf4c625f44bb80e0f89af2e31b" 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-69c9c2cf4c625f44bb80e0f89af2e31b"><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>
@@ -162,8 +163,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-765f307d6c899c3365fe19c1453e2637" 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-765f307d6c899c3365fe19c1453e2637"><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-355c52cf1bdb2f75c50667e6dce63466" 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-355c52cf1bdb2f75c50667e6dce63466"><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>
@@ -264,8 +265,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 930b1e9dc5..68a5bdd819 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -137,13 +138,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-c943ff3c068cf30d057b45c6eec5eefd" aria-controls="R-expandcontent-c943ff3c068cf30d057b45c6eec5eefd" >
-    <label class="expand-label" for="R-expand-c943ff3c068cf30d057b45c6eec5eefd" >
+    <input type="checkbox" id="R-expand-dd58f68eb480c27caeb263c6e7b7f631" aria-controls="R-expandcontent-dd58f68eb480c27caeb263c6e7b7f631" >
+    <label class="expand-label" for="R-expand-dd58f68eb480c27caeb263c6e7b7f631" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-c943ff3c068cf30d057b45c6eec5eefd" class="expand-content">
+    <div id="R-expandcontent-dd58f68eb480c27caeb263c6e7b7f631" 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>
@@ -258,12 +259,12 @@ window.variants && variants.generator( '#R-vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -423,27 +424,27 @@ window.variants && variants.generator( '#R-vargenerator' );
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1701476213" defer></script>
-    <script src="../../../js/js-yaml.min.js?1701476213" defer></script>
-    <script src="../../../js/mermaid.min.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1701613409" defer></script>
+    <script src="../../../js/js-yaml.min.js?1701613409" defer></script>
+    <script src="../../../js/mermaid.min.js?1701613409" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index e95ae4ab15..eb68f850c2 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -98,13 +99,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-c943ff3c068cf30d057b45c6eec5eefd" aria-controls="R-expandcontent-c943ff3c068cf30d057b45c6eec5eefd" >
-    <label class="expand-label" for="R-expand-c943ff3c068cf30d057b45c6eec5eefd" >
+    <input type="checkbox" id="R-expand-dd58f68eb480c27caeb263c6e7b7f631" aria-controls="R-expandcontent-dd58f68eb480c27caeb263c6e7b7f631" >
+    <label class="expand-label" for="R-expand-dd58f68eb480c27caeb263c6e7b7f631" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-c943ff3c068cf30d057b45c6eec5eefd" class="expand-content">
+    <div id="R-expandcontent-dd58f68eb480c27caeb263c6e7b7f631" 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>
@@ -138,22 +139,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1701476214" defer></script>
-    <script src="../../../js/js-yaml.min.js?1701476214" defer></script>
-    <script src="../../../js/mermaid.min.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1701613410" defer></script>
+    <script src="../../../js/js-yaml.min.js?1701613410" defer></script>
+    <script src="../../../js/mermaid.min.js?1701613410" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 6e214e7faf..4f4946205b 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -2258,12 +2259,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2423,13 +2424,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index 3066197d90..e7431362b8 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -1429,8 +1430,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index a769f38dcc..16f91a91b1 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../js/url.js?1701476212"></script>
-    <script src="../../js/variant.js?1701476212"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -225,12 +226,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476212" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../js/search.js?1701476212" defer></script>
+        <script src="../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -390,13 +391,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476212"></script>
+          <script async src="../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../js/theme.js?1701476212" defer></script>
+    <script src="../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index 59415cffa1..26e2fca4e9 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../js/url.js?1701476214"></script>
-    <script src="../../js/variant.js?1701476214"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../js/url.js?1701613410"></script>
+    <script src="../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -1003,8 +1004,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-c8b3201fb0b18dde21c0b7742b2a1c12" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c8b3201fb0b18dde21c0b7742b2a1c12"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-31b112900e23711d36e98f1a9335c04b" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-31b112900e23711d36e98f1a9335c04b"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1054,8 +1055,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-0dfd755045101065aac8cdd2e6488afd" 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-0dfd755045101065aac8cdd2e6488afd"><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-2d4c093f8871269f0d3058dd8ca3fa88" 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-2d4c093f8871269f0d3058dd8ca3fa88"><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>
@@ -1104,13 +1105,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="df667e5cbf8240cc927e1f461688316a">
+<div class="tab-panel" data-tab-group="cf9988a281d37771d1e4b536a2178be0">
   <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('df667e5cbf8240cc927e1f461688316a','hugotoml')"
+      onclick="switchTab('cf9988a281d37771d1e4b536a2178be0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1199,6 +1200,16 @@
 </span></span><span class="line"><span class="cl">	<span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span>            <span class="p">}</span>
 </span></span><span class="line"><span class="cl"><span class="p">]</span>
 </span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="c"># Filename suffix fer variant files</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Th' theme modifies th' variant stylesheets dur'n build an' tries t' store</span>
+</span></span><span class="line"><span class="cl"><span class="c"># them wit' th' same file name. In certain installat'ns it was observed, that</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Cap'n Hugo could not overwrite these files due t' permission issues. If ye</span>
+</span></span><span class="line"><span class="cl"><span class="c"># experience this, ye can set this opt'n t' eg. &#34;.gen&#34;. This will be used</span>
+</span></span><span class="line"><span class="cl"><span class="c"># as a suffix fer these generated files, caus'n them be newly created instead</span>
+</span></span><span class="line"><span class="cl"><span class="c"># o' overwrit'n exist'n ones.</span>
+</span></span><span class="line"><span class="cl"><span class="nx">themeVariantModifier</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
+</span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
 </span></span><span class="line"><span class="cl"><span class="c"># General</span>
 </span></span><span class="line"><span class="cl"><span class="c"># These opt'ns be defin'n general, non visual behavior.</span>
@@ -1563,13 +1574,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="670b7e1320d80a0344dcbff0273673cb">
+<div class="tab-panel" data-tab-group="abe56e825b7710e8ca8089ed156b637b">
   <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('670b7e1320d80a0344dcbff0273673cb','hugotoml')"
+      onclick="switchTab('abe56e825b7710e8ca8089ed156b637b','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1597,13 +1608,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="a629e155fd64b515c7cab41813236f22">
+<div class="tab-panel" data-tab-group="82ea8fd21505115c1fc8757c95be9ed3">
   <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('a629e155fd64b515c7cab41813236f22','hugotoml')"
+      onclick="switchTab('82ea8fd21505115c1fc8757c95be9ed3','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1632,13 +1643,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="ed2a6bdbf9a1fb94cb9785c56c99328b">
+<div class="tab-panel" data-tab-group="b15e44c0cbf6ff309bc096b4e4270970">
   <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('ed2a6bdbf9a1fb94cb9785c56c99328b','hugotoml')"
+      onclick="switchTab('b15e44c0cbf6ff309bc096b4e4270970','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1658,13 +1669,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="9a6c42a3a53257f92f78a7916fe25872">
+<div class="tab-panel" data-tab-group="1e802040e9efd85d3e9f933f02e2e9d2">
   <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('9a6c42a3a53257f92f78a7916fe25872','hugotoml')"
+      onclick="switchTab('1e802040e9efd85d3e9f933f02e2e9d2','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1686,13 +1697,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="a1067eddb1a03b52dd8db4ae4b4d108a">
+<div class="tab-panel" data-tab-group="c5a64748d3543738d644c6e957cbaba7">
   <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('a1067eddb1a03b52dd8db4ae4b4d108a','layoutspartialsfaviconhtml')"
+      onclick="switchTab('c5a64748d3543738d644c6e957cbaba7','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -1726,13 +1737,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="6c9b906f89e0c0c90d93227299aaea3e">
+<div class="tab-panel" data-tab-group="b820aac198751f4fcdfb1db96e9dcf77">
   <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('6c9b906f89e0c0c90d93227299aaea3e','hugotoml')"
+      onclick="switchTab('b820aac198751f4fcdfb1db96e9dcf77','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1750,13 +1761,13 @@
 </div><p>ye now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="babee9386e4def787e9cc505d32de990">
+<div class="tab-panel" data-tab-group="45b8d90132a04e6acb2db2b691844a62">
   <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('babee9386e4def787e9cc505d32de990','hugotoml')"
+      onclick="switchTab('45b8d90132a04e6acb2db2b691844a62','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1805,13 +1816,13 @@
 <h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
 
   
-<div class="tab-panel" data-tab-group="0e5d5589989dc61d3649d86f0ab402b6">
+<div class="tab-panel" data-tab-group="62b26406218cec2ea5da6f708f2a69ba">
   <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('0e5d5589989dc61d3649d86f0ab402b6','hugotoml')"
+      onclick="switchTab('62b26406218cec2ea5da6f708f2a69ba','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1856,13 +1867,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="49840834e6e16c09c9f9ba47bd38e941">
+<div class="tab-panel" data-tab-group="93981311549ebce4dd2f9d8d0605c740">
   <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('49840834e6e16c09c9f9ba47bd38e941','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('93981311549ebce4dd2f9d8d0605c740','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-brand'n.css</span>
     </button>
@@ -1885,13 +1896,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="f89c0ca87bd5029dfcb63e6eb9d057fb">
+<div class="tab-panel" data-tab-group="a0b787b5c2b837fc39a99e5587a8d4c0">
   <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('f89c0ca87bd5029dfcb63e6eb9d057fb','hugotoml')"
+      onclick="switchTab('a0b787b5c2b837fc39a99e5587a8d4c0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1953,8 +1964,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-84104accc20170bcc900f333af8198b7" 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-84104accc20170bcc900f333af8198b7"><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-69c9c2cf4c625f44bb80e0f89af2e31b" 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-69c9c2cf4c625f44bb80e0f89af2e31b"><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>
@@ -1995,8 +2006,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-765f307d6c899c3365fe19c1453e2637" 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-765f307d6c899c3365fe19c1453e2637"><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-355c52cf1bdb2f75c50667e6dce63466" 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-355c52cf1bdb2f75c50667e6dce63466"><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>
@@ -2103,13 +2114,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-c943ff3c068cf30d057b45c6eec5eefd" aria-controls="R-expandcontent-c943ff3c068cf30d057b45c6eec5eefd" >
-    <label class="expand-label" for="R-expand-c943ff3c068cf30d057b45c6eec5eefd" >
+    <input type="checkbox" id="R-expand-dd58f68eb480c27caeb263c6e7b7f631" aria-controls="R-expandcontent-dd58f68eb480c27caeb263c6e7b7f631" >
+    <label class="expand-label" for="R-expand-dd58f68eb480c27caeb263c6e7b7f631" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-c943ff3c068cf30d057b45c6eec5eefd" class="expand-content">
+    <div id="R-expandcontent-dd58f68eb480c27caeb263c6e7b7f631" 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,8 +2158,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-856c3e8ce2368c21fdda11bd4dc9d41c" 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-856c3e8ce2368c21fdda11bd4dc9d41c"><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-03db78f368e6e5da61b9aadec62afa37" 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-03db78f368e6e5da61b9aadec62afa37"><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">
@@ -2160,8 +2171,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-e33951c8607a9b76c3e90d362ee6cb0f" 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-e33951c8607a9b76c3e90d362ee6cb0f"><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-52a1e84badd9a16b8c32a5f5c50760de" 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-52a1e84badd9a16b8c32a5f5c50760de"><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>
@@ -3764,22 +3775,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1701476214" defer></script>
-    <script src="../../js/js-yaml.min.js?1701476214" defer></script>
-    <script src="../../js/mermaid.min.js?1701476214" defer></script>
+    <script src="../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1701613410" defer></script>
+    <script src="../../js/js-yaml.min.js?1701613410" defer></script>
+    <script src="../../js/mermaid.min.js?1701613410" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1701476214" defer></script>
+    <script src="../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 3b0a726a7c..731a4ed8af 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -180,8 +181,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-0dfd755045101065aac8cdd2e6488afd" 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-0dfd755045101065aac8cdd2e6488afd"><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-2d4c093f8871269f0d3058dd8ca3fa88" 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-2d4c093f8871269f0d3058dd8ca3fa88"><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>
@@ -299,12 +300,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -464,13 +465,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index bddff04a34..91a5749c5c 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -126,8 +127,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-0dfd755045101065aac8cdd2e6488afd" 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-0dfd755045101065aac8cdd2e6488afd"><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-2d4c093f8871269f0d3058dd8ca3fa88" 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-2d4c093f8871269f0d3058dd8ca3fa88"><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>
@@ -164,8 +165,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index d604f44293..3a4469353d 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -1153,12 +1154,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1318,13 +1319,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index 8e8f29c751..30bc1ac136 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -983,8 +984,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index b53ff41ec9..5b772d6a2b 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -127,8 +128,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-c8b3201fb0b18dde21c0b7742b2a1c12" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c8b3201fb0b18dde21c0b7742b2a1c12"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-31b112900e23711d36e98f1a9335c04b" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-31b112900e23711d36e98f1a9335c04b"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -225,12 +226,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -390,13 +391,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index 4cdf651944..7a5bd70ed5 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -97,8 +98,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-c8b3201fb0b18dde21c0b7742b2a1c12" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c8b3201fb0b18dde21c0b7742b2a1c12"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-31b112900e23711d36e98f1a9335c04b" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-31b112900e23711d36e98f1a9335c04b"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -114,8 +115,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/basics/topbar/index.html b/pir/basics/topbar/index.html
index 727773aeff..c6edb38426 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -156,8 +157,8 @@
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-856c3e8ce2368c21fdda11bd4dc9d41c" 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-856c3e8ce2368c21fdda11bd4dc9d41c"><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-03db78f368e6e5da61b9aadec62afa37" 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-03db78f368e6e5da61b9aadec62afa37"><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">
@@ -169,8 +170,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-e33951c8607a9b76c3e90d362ee6cb0f" 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-e33951c8607a9b76c3e90d362ee6cb0f"><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-52a1e84badd9a16b8c32a5f5c50760de" 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-52a1e84badd9a16b8c32a5f5c50760de"><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>
@@ -516,12 +517,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -681,13 +682,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/basics/topbar/index.print.html b/pir/basics/topbar/index.print.html
index 994899f0d0..a98ca4dcf1 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -96,8 +97,8 @@
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-856c3e8ce2368c21fdda11bd4dc9d41c" 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-856c3e8ce2368c21fdda11bd4dc9d41c"><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-03db78f368e6e5da61b9aadec62afa37" 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-03db78f368e6e5da61b9aadec62afa37"><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">
@@ -109,8 +110,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-e33951c8607a9b76c3e90d362ee6cb0f" 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-e33951c8607a9b76c3e90d362ee6cb0f"><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-52a1e84badd9a16b8c32a5f5c50760de" 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-52a1e84badd9a16b8c32a5f5c50760de"><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>
@@ -375,8 +376,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/categories/basic/index.html b/pir/categories/basic/index.html
index 9dc5dee3d9..122d1d5e17 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -218,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/categories/content/index.html b/pir/categories/content/index.html
index 283e3bb00c..478eb7a8bd 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -218,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/categories/custom/index.html b/pir/categories/custom/index.html
index 14ee2f6f67..472239e0d8 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -218,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 9ad69ed328..d5d114301e 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../js/url.js?1701476212"></script>
-    <script src="../../js/variant.js?1701476212"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -229,12 +230,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../js/search.js?1701476214" defer></script>
+        <script src="../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -394,13 +395,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../js/theme.js?1701476214" defer></script>
+    <script src="../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/categories/taxonomy/index.html b/pir/categories/taxonomy/index.html
index 02a5d2915f..dcb70af8ba 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -218,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/categories/theming/index.html b/pir/categories/theming/index.html
index c7c9b1d5b4..30a865989e 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -223,12 +224,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -388,13 +389,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 2a04a95193..280cf58f19 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -156,8 +157,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-c0c2cdace229d5bd04708e728a2f0fc7" 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-c0c2cdace229d5bd04708e728a2f0fc7"><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-e60d40ee508a3add4795510b570fbd92" 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-e60d40ee508a3add4795510b570fbd92"><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">+++
@@ -167,8 +168,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-97019b2192941b0434ccac03b775375a" 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-97019b2192941b0434ccac03b775375a"><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-c2380ecac7ab8b77987c68e1a73427df" 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-c2380ecac7ab8b77987c68e1a73427df"><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">+++
@@ -180,8 +181,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-f7afc18d2c83c53d760a003b5c6a0aa5" 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-f7afc18d2c83c53d760a003b5c6a0aa5"><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-7bbf34b83c25e19a96ad6dd020b5acac" 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-7bbf34b83c25e19a96ad6dd020b5acac"><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>
@@ -314,12 +315,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -479,13 +480,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index 01511a1066..1d68ff6e86 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -100,8 +101,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-c0c2cdace229d5bd04708e728a2f0fc7" 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-c0c2cdace229d5bd04708e728a2f0fc7"><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-e60d40ee508a3add4795510b570fbd92" 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-e60d40ee508a3add4795510b570fbd92"><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">+++
@@ -111,8 +112,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-97019b2192941b0434ccac03b775375a" 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-97019b2192941b0434ccac03b775375a"><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-c2380ecac7ab8b77987c68e1a73427df" 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-c2380ecac7ab8b77987c68e1a73427df"><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">+++
@@ -124,8 +125,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-f7afc18d2c83c53d760a003b5c6a0aa5" 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-f7afc18d2c83c53d760a003b5c6a0aa5"><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-7bbf34b83c25e19a96ad6dd020b5acac" 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-7bbf34b83c25e19a96ad6dd020b5acac"><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>
@@ -177,8 +178,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/cont/frontmatter/index.html b/pir/cont/frontmatter/index.html
index 8a202c0dda..d1d3b85aef 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -408,8 +409,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-bfb089fe135986669dfd2b9d58915274" 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-bfb089fe135986669dfd2b9d58915274"><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-8d7f4ebe15266d56daa02146fad9bced" 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-8d7f4ebe15266d56daa02146fad9bced"><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>
@@ -534,12 +535,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?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -699,13 +700,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?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/cont/frontmatter/index.print.html b/pir/cont/frontmatter/index.print.html
index c33f6b09b8..b33da2890d 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -356,8 +357,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-bfb089fe135986669dfd2b9d58915274" 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-bfb089fe135986669dfd2b9d58915274"><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-8d7f4ebe15266d56daa02146fad9bced" 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-8d7f4ebe15266d56daa02146fad9bced"><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>
@@ -401,8 +402,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 4f1dc82a6e..ec1c0b67ae 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -153,8 +154,8 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-45577d50f2b84a8114d7a59f9c2bba47" 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-45577d50f2b84a8114d7a59f9c2bba47"><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-45545efa899a4ee1ceb004b3cf47a06a" 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-45545efa899a4ee1ceb004b3cf47a06a"><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>
@@ -336,12 +337,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?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -501,13 +502,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?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index b7f1acabb0..5142b7959d 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -102,8 +103,8 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-45577d50f2b84a8114d7a59f9c2bba47" 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-45577d50f2b84a8114d7a59f9c2bba47"><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-45545efa899a4ee1ceb004b3cf47a06a" 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-45545efa899a4ee1ceb004b3cf47a06a"><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>
@@ -204,8 +205,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.html b/pir/cont/imageeffects/index.html
index 15972b4f80..11b7f8b546 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -56,6 +56,7 @@ Without any sett&#39;ns &#39;n yer hugo.toml this defaults t&#39;">
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -155,13 +156,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="6a8aad223c4db9bad74c3c2945e23f15">
+<div class="tab-panel" data-tab-group="e50eaaebaabfad5a8595ab6c264516e0">
   <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('6a8aad223c4db9bad74c3c2945e23f15','hugotoml')"
+      onclick="switchTab('e50eaaebaabfad5a8595ab6c264516e0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -182,13 +183,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="e03d8be5ed1f32e52dc9033393298178">
+<div class="tab-panel" data-tab-group="9bb66cfba08ad5bdf4ffc6a78facd2c8">
   <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('e03d8be5ed1f32e52dc9033393298178','frontmatter')"
+      onclick="switchTab('9bb66cfba08ad5bdf4ffc6a78facd2c8','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -208,13 +209,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="cec6b733e8ee1db9383a998a2da3d943">
+<div class="tab-panel" data-tab-group="9fdfcabd8c6418e67f88bf493976d928">
   <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('cec6b733e8ee1db9383a998a2da3d943','url')"
+      onclick="switchTab('9fdfcabd8c6418e67f88bf493976d928','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -231,13 +232,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="e2ac2bada096e4cacf01468221a1379f">
+<div class="tab-panel" data-tab-group="8033eaf37137ef1bc6759e216a0c2b30">
   <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('e2ac2bada096e4cacf01468221a1379f','result')"
+      onclick="switchTab('8033eaf37137ef1bc6759e216a0c2b30','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -257,13 +258,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="b7ef128f3980a228b3c9260d9d688e0b">
+<div class="tab-panel" data-tab-group="85949f3b14006db58bed610ea279b947">
   <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('b7ef128f3980a228b3c9260d9d688e0b','html')"
+      onclick="switchTab('85949f3b14006db58bed610ea279b947','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -377,12 +378,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?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -542,13 +543,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?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.print.html b/pir/cont/imageeffects/index.print.html
index e1d6e31624..bb478eed05 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -57,6 +57,7 @@ Without any sett&#39;ns &#39;n yer hugo.toml this defaults t&#39;">
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -111,13 +112,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="6a8aad223c4db9bad74c3c2945e23f15">
+<div class="tab-panel" data-tab-group="e50eaaebaabfad5a8595ab6c264516e0">
   <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('6a8aad223c4db9bad74c3c2945e23f15','hugotoml')"
+      onclick="switchTab('e50eaaebaabfad5a8595ab6c264516e0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -138,13 +139,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="e03d8be5ed1f32e52dc9033393298178">
+<div class="tab-panel" data-tab-group="9bb66cfba08ad5bdf4ffc6a78facd2c8">
   <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('e03d8be5ed1f32e52dc9033393298178','frontmatter')"
+      onclick="switchTab('9bb66cfba08ad5bdf4ffc6a78facd2c8','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -164,13 +165,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="cec6b733e8ee1db9383a998a2da3d943">
+<div class="tab-panel" data-tab-group="9fdfcabd8c6418e67f88bf493976d928">
   <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('cec6b733e8ee1db9383a998a2da3d943','url')"
+      onclick="switchTab('9fdfcabd8c6418e67f88bf493976d928','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -187,13 +188,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="e2ac2bada096e4cacf01468221a1379f">
+<div class="tab-panel" data-tab-group="8033eaf37137ef1bc6759e216a0c2b30">
   <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('e2ac2bada096e4cacf01468221a1379f','result')"
+      onclick="switchTab('8033eaf37137ef1bc6759e216a0c2b30','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -213,13 +214,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="b7ef128f3980a228b3c9260d9d688e0b">
+<div class="tab-panel" data-tab-group="85949f3b14006db58bed610ea279b947">
   <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('b7ef128f3980a228b3c9260d9d688e0b','html')"
+      onclick="switchTab('85949f3b14006db58bed610ea279b947','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -252,8 +253,8 @@ Without any sett&#39;ns &#39;n yer hugo.toml this defaults t&#39;">
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index ffb701f1b0..da49fb7eca 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../js/url.js?1701476212"></script>
-    <script src="../../js/variant.js?1701476212"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -225,12 +226,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../js/search.js?1701476213" defer></script>
+        <script src="../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -390,13 +391,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../js/theme.js?1701476213" defer></script>
+    <script src="../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index 3d24fd2abd..e60c11fe55 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../js/url.js?1701476214"></script>
-    <script src="../../js/variant.js?1701476214"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../js/url.js?1701613410"></script>
+    <script src="../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -420,8 +421,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-bfb089fe135986669dfd2b9d58915274" 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-bfb089fe135986669dfd2b9d58915274"><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-8d7f4ebe15266d56daa02146fad9bced" 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-8d7f4ebe15266d56daa02146fad9bced"><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>
@@ -473,8 +474,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-c0c2cdace229d5bd04708e728a2f0fc7" 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-c0c2cdace229d5bd04708e728a2f0fc7"><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-e60d40ee508a3add4795510b570fbd92" 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-e60d40ee508a3add4795510b570fbd92"><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">+++
@@ -484,8 +485,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-97019b2192941b0434ccac03b775375a" 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-97019b2192941b0434ccac03b775375a"><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-c2380ecac7ab8b77987c68e1a73427df" 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-c2380ecac7ab8b77987c68e1a73427df"><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">+++
@@ -497,8 +498,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-f7afc18d2c83c53d760a003b5c6a0aa5" 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-f7afc18d2c83c53d760a003b5c6a0aa5"><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-7bbf34b83c25e19a96ad6dd020b5acac" 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-7bbf34b83c25e19a96ad6dd020b5acac"><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>
@@ -1072,8 +1073,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-50469ff5c3b215f0604ce0e44a179b4f" 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-50469ff5c3b215f0604ce0e44a179b4f"><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-d0311c62d66b00b06d33e6879fde7b9b" 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-d0311c62d66b00b06d33e6879fde7b9b"><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>
@@ -1083,8 +1084,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-766a4b389246c6658a212d5f824847ab" 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-766a4b389246c6658a212d5f824847ab"><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-8d611b481506fc6588db666e7ac42098" 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-8d611b481506fc6588db666e7ac42098"><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>
@@ -1096,8 +1097,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-2c9dd35b1eab9b43b5e538154a9fe4af" 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-2c9dd35b1eab9b43b5e538154a9fe4af"><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-446657b79768f62857be308a26c817a0" 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-446657b79768f62857be308a26c817a0"><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>
@@ -1109,8 +1110,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-09ae8c233eef63866fe155327bd08423" 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-09ae8c233eef63866fe155327bd08423"><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-542e99d7d38120035915be029eb28e26" 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-542e99d7d38120035915be029eb28e26"><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>
@@ -1118,8 +1119,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-05d7414e889ebf810cc46f03248f9bb9" 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-05d7414e889ebf810cc46f03248f9bb9"><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-0b09ab683d827860fe071a93b32de313" 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-0b09ab683d827860fe071a93b32de313"><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>
@@ -1127,8 +1128,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-e2062a061dd2180abcc8f485d7c126fc" 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-e2062a061dd2180abcc8f485d7c126fc"><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-af47f3b1c4cd7bbc4a11de6465b5c764" 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-af47f3b1c4cd7bbc4a11de6465b5c764"><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>
@@ -1139,8 +1140,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-e097223cf45a065a9a3696681bfb7019" 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-e097223cf45a065a9a3696681bfb7019"><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-aa4a1ff3c132e3bbb18edc663734ca4a" 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-aa4a1ff3c132e3bbb18edc663734ca4a"><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>
@@ -1149,8 +1150,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-e43b574c009160aaa83017e2fc5ff9e6" 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-e43b574c009160aaa83017e2fc5ff9e6"><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-5c356d62a7ad5670adb748dc7e754a45" 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-5c356d62a7ad5670adb748dc7e754a45"><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>
@@ -1159,8 +1160,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-12a2c740164237aba66994ca0a5cac6f" 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-12a2c740164237aba66994ca0a5cac6f"><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-417c8f5489fff33e5f67f77f4e954ed2" 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-417c8f5489fff33e5f67f77f4e954ed2"><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>
@@ -1169,8 +1170,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-b2aeea4b17c879667a4473e2d6f3fa29" 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-b2aeea4b17c879667a4473e2d6f3fa29"><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-eef54596a61143bfa37f7b877dce5571" 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-eef54596a61143bfa37f7b877dce5571"><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>
@@ -1182,14 +1183,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-69970c02b0f058f71c9c43b5eef88311" 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-69970c02b0f058f71c9c43b5eef88311"><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-18778063ee1cfef2c48de70bc547eba6" 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-18778063ee1cfef2c48de70bc547eba6"><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-4e78f147cdc4778a3c8c094047d87e1f" 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-4e78f147cdc4778a3c8c094047d87e1f"><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-9bdc819d81aa9b3dfa5678d7fb74e215" 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-9bdc819d81aa9b3dfa5678d7fb74e215"><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-79cc6c0ae042be9d5a278752417abf3b" 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-79cc6c0ae042be9d5a278752417abf3b"><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-b06767a13c89d576b2bcc7b8c59d9dd3" 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-b06767a13c89d576b2bcc7b8c59d9dd3"><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-865d4c8c734f6361cdfc08bc3be437c6" 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-865d4c8c734f6361cdfc08bc3be437c6"><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-c7c6156dec8ff694d2f2813ca32a77c7" 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-c7c6156dec8ff694d2f2813ca32a77c7"><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>
@@ -1198,8 +1199,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-b944a8df24ce9dcf56a0c88fdf00d971" 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-b944a8df24ce9dcf56a0c88fdf00d971"><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-0578f11be331eed7dc499b2ec96a38d3" 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-0578f11be331eed7dc499b2ec96a38d3"><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>
@@ -1240,13 +1241,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="6a8aad223c4db9bad74c3c2945e23f15">
+<div class="tab-panel" data-tab-group="e50eaaebaabfad5a8595ab6c264516e0">
   <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('6a8aad223c4db9bad74c3c2945e23f15','hugotoml')"
+      onclick="switchTab('e50eaaebaabfad5a8595ab6c264516e0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1267,13 +1268,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="e03d8be5ed1f32e52dc9033393298178">
+<div class="tab-panel" data-tab-group="9bb66cfba08ad5bdf4ffc6a78facd2c8">
   <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('e03d8be5ed1f32e52dc9033393298178','frontmatter')"
+      onclick="switchTab('9bb66cfba08ad5bdf4ffc6a78facd2c8','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -1293,13 +1294,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="cec6b733e8ee1db9383a998a2da3d943">
+<div class="tab-panel" data-tab-group="9fdfcabd8c6418e67f88bf493976d928">
   <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('cec6b733e8ee1db9383a998a2da3d943','url')"
+      onclick="switchTab('9fdfcabd8c6418e67f88bf493976d928','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -1316,13 +1317,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="e2ac2bada096e4cacf01468221a1379f">
+<div class="tab-panel" data-tab-group="8033eaf37137ef1bc6759e216a0c2b30">
   <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('e2ac2bada096e4cacf01468221a1379f','result')"
+      onclick="switchTab('8033eaf37137ef1bc6759e216a0c2b30','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -1342,13 +1343,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="b7ef128f3980a228b3c9260d9d688e0b">
+<div class="tab-panel" data-tab-group="85949f3b14006db58bed610ea279b947">
   <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('b7ef128f3980a228b3c9260d9d688e0b','html')"
+      onclick="switchTab('85949f3b14006db58bed610ea279b947','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -1527,8 +1528,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-45577d50f2b84a8114d7a59f9c2bba47" 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-45577d50f2b84a8114d7a59f9c2bba47"><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-45545efa899a4ee1ceb004b3cf47a06a" 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-45545efa899a4ee1ceb004b3cf47a06a"><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>
@@ -1721,8 +1722,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../js/theme.js?1701476214" defer></script>
+    <script src="../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index bb92be7d2b..482d7388b3 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,6 +54,7 @@ Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -713,8 +714,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-50469ff5c3b215f0604ce0e44a179b4f" 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-50469ff5c3b215f0604ce0e44a179b4f"><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-d0311c62d66b00b06d33e6879fde7b9b" 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-d0311c62d66b00b06d33e6879fde7b9b"><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>
@@ -724,8 +725,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-766a4b389246c6658a212d5f824847ab" 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-766a4b389246c6658a212d5f824847ab"><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-8d611b481506fc6588db666e7ac42098" 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-8d611b481506fc6588db666e7ac42098"><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>
@@ -737,8 +738,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-2c9dd35b1eab9b43b5e538154a9fe4af" 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-2c9dd35b1eab9b43b5e538154a9fe4af"><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-446657b79768f62857be308a26c817a0" 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-446657b79768f62857be308a26c817a0"><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>
@@ -750,8 +751,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-09ae8c233eef63866fe155327bd08423" 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-09ae8c233eef63866fe155327bd08423"><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-542e99d7d38120035915be029eb28e26" 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-542e99d7d38120035915be029eb28e26"><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>
@@ -759,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-05d7414e889ebf810cc46f03248f9bb9" 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-05d7414e889ebf810cc46f03248f9bb9"><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-0b09ab683d827860fe071a93b32de313" 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-0b09ab683d827860fe071a93b32de313"><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>
@@ -768,8 +769,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-e2062a061dd2180abcc8f485d7c126fc" 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-e2062a061dd2180abcc8f485d7c126fc"><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-af47f3b1c4cd7bbc4a11de6465b5c764" 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-af47f3b1c4cd7bbc4a11de6465b5c764"><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>
@@ -780,8 +781,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-e097223cf45a065a9a3696681bfb7019" 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-e097223cf45a065a9a3696681bfb7019"><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-aa4a1ff3c132e3bbb18edc663734ca4a" 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-aa4a1ff3c132e3bbb18edc663734ca4a"><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>
@@ -790,8 +791,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-e43b574c009160aaa83017e2fc5ff9e6" 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-e43b574c009160aaa83017e2fc5ff9e6"><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-5c356d62a7ad5670adb748dc7e754a45" 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-5c356d62a7ad5670adb748dc7e754a45"><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>
@@ -800,8 +801,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-12a2c740164237aba66994ca0a5cac6f" 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-12a2c740164237aba66994ca0a5cac6f"><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-417c8f5489fff33e5f67f77f4e954ed2" 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-417c8f5489fff33e5f67f77f4e954ed2"><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>
@@ -810,8 +811,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-b2aeea4b17c879667a4473e2d6f3fa29" 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-b2aeea4b17c879667a4473e2d6f3fa29"><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-eef54596a61143bfa37f7b877dce5571" 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-eef54596a61143bfa37f7b877dce5571"><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>
@@ -823,14 +824,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-69970c02b0f058f71c9c43b5eef88311" 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-69970c02b0f058f71c9c43b5eef88311"><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-18778063ee1cfef2c48de70bc547eba6" 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-18778063ee1cfef2c48de70bc547eba6"><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-4e78f147cdc4778a3c8c094047d87e1f" 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-4e78f147cdc4778a3c8c094047d87e1f"><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-9bdc819d81aa9b3dfa5678d7fb74e215" 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-9bdc819d81aa9b3dfa5678d7fb74e215"><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-79cc6c0ae042be9d5a278752417abf3b" 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-79cc6c0ae042be9d5a278752417abf3b"><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-b06767a13c89d576b2bcc7b8c59d9dd3" 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-b06767a13c89d576b2bcc7b8c59d9dd3"><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-865d4c8c734f6361cdfc08bc3be437c6" 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-865d4c8c734f6361cdfc08bc3be437c6"><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-c7c6156dec8ff694d2f2813ca32a77c7" 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-c7c6156dec8ff694d2f2813ca32a77c7"><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>
@@ -839,8 +840,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-b944a8df24ce9dcf56a0c88fdf00d971" 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-b944a8df24ce9dcf56a0c88fdf00d971"><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-0578f11be331eed7dc499b2ec96a38d3" 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-0578f11be331eed7dc499b2ec96a38d3"><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>
@@ -952,12 +953,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1117,13 +1118,13 @@ line 3 o' code
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index ece211bd76..390f38049c 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,6 +55,7 @@ Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -621,8 +622,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-50469ff5c3b215f0604ce0e44a179b4f" 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-50469ff5c3b215f0604ce0e44a179b4f"><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-d0311c62d66b00b06d33e6879fde7b9b" 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-d0311c62d66b00b06d33e6879fde7b9b"><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>
@@ -632,8 +633,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-766a4b389246c6658a212d5f824847ab" 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-766a4b389246c6658a212d5f824847ab"><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-8d611b481506fc6588db666e7ac42098" 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-8d611b481506fc6588db666e7ac42098"><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>
@@ -645,8 +646,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-2c9dd35b1eab9b43b5e538154a9fe4af" 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-2c9dd35b1eab9b43b5e538154a9fe4af"><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-446657b79768f62857be308a26c817a0" 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-446657b79768f62857be308a26c817a0"><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>
@@ -658,8 +659,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-09ae8c233eef63866fe155327bd08423" 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-09ae8c233eef63866fe155327bd08423"><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-542e99d7d38120035915be029eb28e26" 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-542e99d7d38120035915be029eb28e26"><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>
@@ -667,8 +668,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-05d7414e889ebf810cc46f03248f9bb9" 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-05d7414e889ebf810cc46f03248f9bb9"><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-0b09ab683d827860fe071a93b32de313" 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-0b09ab683d827860fe071a93b32de313"><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>
@@ -676,8 +677,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-e2062a061dd2180abcc8f485d7c126fc" 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-e2062a061dd2180abcc8f485d7c126fc"><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-af47f3b1c4cd7bbc4a11de6465b5c764" 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-af47f3b1c4cd7bbc4a11de6465b5c764"><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>
@@ -688,8 +689,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-e097223cf45a065a9a3696681bfb7019" 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-e097223cf45a065a9a3696681bfb7019"><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-aa4a1ff3c132e3bbb18edc663734ca4a" 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-aa4a1ff3c132e3bbb18edc663734ca4a"><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>
@@ -698,8 +699,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-e43b574c009160aaa83017e2fc5ff9e6" 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-e43b574c009160aaa83017e2fc5ff9e6"><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-5c356d62a7ad5670adb748dc7e754a45" 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-5c356d62a7ad5670adb748dc7e754a45"><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>
@@ -708,8 +709,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-12a2c740164237aba66994ca0a5cac6f" 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-12a2c740164237aba66994ca0a5cac6f"><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-417c8f5489fff33e5f67f77f4e954ed2" 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-417c8f5489fff33e5f67f77f4e954ed2"><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>
@@ -718,8 +719,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-b2aeea4b17c879667a4473e2d6f3fa29" 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-b2aeea4b17c879667a4473e2d6f3fa29"><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-eef54596a61143bfa37f7b877dce5571" 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-eef54596a61143bfa37f7b877dce5571"><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>
@@ -731,14 +732,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-69970c02b0f058f71c9c43b5eef88311" 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-69970c02b0f058f71c9c43b5eef88311"><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-18778063ee1cfef2c48de70bc547eba6" 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-18778063ee1cfef2c48de70bc547eba6"><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-4e78f147cdc4778a3c8c094047d87e1f" 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-4e78f147cdc4778a3c8c094047d87e1f"><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-9bdc819d81aa9b3dfa5678d7fb74e215" 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-9bdc819d81aa9b3dfa5678d7fb74e215"><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-79cc6c0ae042be9d5a278752417abf3b" 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-79cc6c0ae042be9d5a278752417abf3b"><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-b06767a13c89d576b2bcc7b8c59d9dd3" 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-b06767a13c89d576b2bcc7b8c59d9dd3"><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-865d4c8c734f6361cdfc08bc3be437c6" 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-865d4c8c734f6361cdfc08bc3be437c6"><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-c7c6156dec8ff694d2f2813ca32a77c7" 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-c7c6156dec8ff694d2f2813ca32a77c7"><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>
@@ -747,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-b944a8df24ce9dcf56a0c88fdf00d971" 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-b944a8df24ce9dcf56a0c88fdf00d971"><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-0578f11be331eed7dc499b2ec96a38d3" 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-0578f11be331eed7dc499b2ec96a38d3"><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>
@@ -779,8 +780,8 @@ line 3 o' code
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index 8922cb5954..46eed67f61 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,6 +54,7 @@ Example from th&#39; current website:
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -362,12 +363,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?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -527,13 +528,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?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index c144611d57..1a865a2d98 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,6 +55,7 @@ Example from th&#39; current website:
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -235,8 +236,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?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index eb362975a1..c3f5515384 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -267,12 +268,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -432,13 +433,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index a1652700f2..cf1ded47cf 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -141,8 +142,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.html b/pir/cont/taxonomy/index.html
index 0c00d1db17..9b519fa8b5 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,6 +54,7 @@ Th&#39; categories be displayed at th&#39; bottom o&#39; th&#39; plank &#39;n al
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -322,12 +323,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?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -487,13 +488,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?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.print.html b/pir/cont/taxonomy/index.print.html
index 81d1d731aa..2318e4fcfe 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,6 +55,7 @@ Th&#39; categories be displayed at th&#39; bottom o&#39; th&#39; plank &#39;n al
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -190,8 +191,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?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index f47eb0a4b9..07eb00901e 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -346,12 +347,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -515,13 +516,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index afbe6dc13f..52cee55216 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -220,8 +221,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index 531e06738f..e567149f6f 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../js/url.js?1701476212"></script>
-    <script src="../../js/variant.js?1701476212"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -231,12 +232,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../js/search.js?1701476213" defer></script>
+        <script src="../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -400,13 +401,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../js/theme.js?1701476213" defer></script>
+    <script src="../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index 30d869d58f..199ffd3ac7 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../js/url.js?1701476214"></script>
-    <script src="../../js/variant.js?1701476214"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../js/url.js?1701613410"></script>
+    <script src="../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -485,8 +486,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-2e34c8acf19a1f81d7daa79c86af8a7d" 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-2e34c8acf19a1f81d7daa79c86af8a7d"><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-35324538264d86c61d1713ee6af1d181" 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-35324538264d86c61d1713ee6af1d181"><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>
@@ -515,11 +516,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-82dc2418de66c4deb099717325c6ccd0" 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-82dc2418de66c4deb099717325c6ccd0"><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-9b3e6d22d6a63157b7c9736bc2f81cda" 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-9b3e6d22d6a63157b7c9736bc2f81cda"><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-89e16af813b914107c527209911081f3" 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-89e16af813b914107c527209911081f3"><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-f619a73e170325b5bcf8d0a0d570b506" 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-f619a73e170325b5bcf8d0a0d570b506"><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">
@@ -530,8 +531,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../js/theme.js?1701476214" defer></script>
+    <script src="../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index 59933f2ed6..97b376ff9b 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -437,12 +438,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -606,13 +607,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index 3fa4590c81..3283a85916 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -300,8 +301,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index 90d695f70f..538eff8480 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -171,8 +172,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-2e34c8acf19a1f81d7daa79c86af8a7d" 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-2e34c8acf19a1f81d7daa79c86af8a7d"><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-35324538264d86c61d1713ee6af1d181" 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-35324538264d86c61d1713ee6af1d181"><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>
@@ -201,11 +202,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-82dc2418de66c4deb099717325c6ccd0" 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-82dc2418de66c4deb099717325c6ccd0"><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-9b3e6d22d6a63157b7c9736bc2f81cda" 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-9b3e6d22d6a63157b7c9736bc2f81cda"><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-89e16af813b914107c527209911081f3" 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-89e16af813b914107c527209911081f3"><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-f619a73e170325b5bcf8d0a0d570b506" 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-f619a73e170325b5bcf8d0a0d570b506"><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">
@@ -296,12 +297,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -465,13 +466,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index 87b6ecd708..bdf9565108 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -125,8 +126,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-2e34c8acf19a1f81d7daa79c86af8a7d" 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-2e34c8acf19a1f81d7daa79c86af8a7d"><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-35324538264d86c61d1713ee6af1d181" 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-35324538264d86c61d1713ee6af1d181"><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>
@@ -155,11 +156,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-82dc2418de66c4deb099717325c6ccd0" 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-82dc2418de66c4deb099717325c6ccd0"><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-9b3e6d22d6a63157b7c9736bc2f81cda" 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-9b3e6d22d6a63157b7c9736bc2f81cda"><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-89e16af813b914107c527209911081f3" 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-89e16af813b914107c527209911081f3"><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-f619a73e170325b5bcf8d0a0d570b506" 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-f619a73e170325b5bcf8d0a0d570b506"><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">
@@ -169,8 +170,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 74e0edad64..ed79596176 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../js/url.js?1701476212"></script>
-    <script src="../js/variant.js?1701476212"></script>
+    <link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../js/url.js?1701613408"></script>
+    <script src="../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -151,8 +152,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-4a3c5708d51c564bb633fe506b96ba07" 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-4a3c5708d51c564bb633fe506b96ba07"><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-1bcb5e13b34542c87d9444d074d034df" 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-1bcb5e13b34542c87d9444d074d034df"><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>
@@ -322,12 +323,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701476212" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../js/search.js?1701476212" defer></script>
+        <script src="../js/auto-complete.js?1701613409" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -487,13 +488,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1701476212"></script>
+          <script async src="../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../js/theme.js?1701476212" defer></script>
+    <script src="../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index 20cd35817e..bf32540755 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../js/url.js?1701476214"></script>
-    <script src="../js/variant.js?1701476214"></script>
+    <link href="../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../js/url.js?1701613410"></script>
+    <script src="../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -102,8 +103,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-4a3c5708d51c564bb633fe506b96ba07" 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-4a3c5708d51c564bb633fe506b96ba07"><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-1bcb5e13b34542c87d9444d074d034df" 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-1bcb5e13b34542c87d9444d074d034df"><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>
@@ -1106,8 +1107,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-c8b3201fb0b18dde21c0b7742b2a1c12" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c8b3201fb0b18dde21c0b7742b2a1c12"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-31b112900e23711d36e98f1a9335c04b" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-31b112900e23711d36e98f1a9335c04b"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1157,8 +1158,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-0dfd755045101065aac8cdd2e6488afd" 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-0dfd755045101065aac8cdd2e6488afd"><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-2d4c093f8871269f0d3058dd8ca3fa88" 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-2d4c093f8871269f0d3058dd8ca3fa88"><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>
@@ -1207,13 +1208,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="df667e5cbf8240cc927e1f461688316a">
+<div class="tab-panel" data-tab-group="cf9988a281d37771d1e4b536a2178be0">
   <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('df667e5cbf8240cc927e1f461688316a','hugotoml')"
+      onclick="switchTab('cf9988a281d37771d1e4b536a2178be0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1302,6 +1303,16 @@
 </span></span><span class="line"><span class="cl">	<span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span>            <span class="p">}</span>
 </span></span><span class="line"><span class="cl"><span class="p">]</span>
 </span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="c"># Filename suffix fer variant files</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Th' theme modifies th' variant stylesheets dur'n build an' tries t' store</span>
+</span></span><span class="line"><span class="cl"><span class="c"># them wit' th' same file name. In certain installat'ns it was observed, that</span>
+</span></span><span class="line"><span class="cl"><span class="c"># Cap'n Hugo could not overwrite these files due t' permission issues. If ye</span>
+</span></span><span class="line"><span class="cl"><span class="c"># experience this, ye can set this opt'n t' eg. &#34;.gen&#34;. This will be used</span>
+</span></span><span class="line"><span class="cl"><span class="c"># as a suffix fer these generated files, caus'n them be newly created instead</span>
+</span></span><span class="line"><span class="cl"><span class="c"># o' overwrit'n exist'n ones.</span>
+</span></span><span class="line"><span class="cl"><span class="nx">themeVariantModifier</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
+</span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
 </span></span><span class="line"><span class="cl"><span class="c"># General</span>
 </span></span><span class="line"><span class="cl"><span class="c"># These opt'ns be defin'n general, non visual behavior.</span>
@@ -1666,13 +1677,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="670b7e1320d80a0344dcbff0273673cb">
+<div class="tab-panel" data-tab-group="abe56e825b7710e8ca8089ed156b637b">
   <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('670b7e1320d80a0344dcbff0273673cb','hugotoml')"
+      onclick="switchTab('abe56e825b7710e8ca8089ed156b637b','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1700,13 +1711,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="a629e155fd64b515c7cab41813236f22">
+<div class="tab-panel" data-tab-group="82ea8fd21505115c1fc8757c95be9ed3">
   <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('a629e155fd64b515c7cab41813236f22','hugotoml')"
+      onclick="switchTab('82ea8fd21505115c1fc8757c95be9ed3','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1735,13 +1746,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="ed2a6bdbf9a1fb94cb9785c56c99328b">
+<div class="tab-panel" data-tab-group="b15e44c0cbf6ff309bc096b4e4270970">
   <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('ed2a6bdbf9a1fb94cb9785c56c99328b','hugotoml')"
+      onclick="switchTab('b15e44c0cbf6ff309bc096b4e4270970','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1761,13 +1772,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="9a6c42a3a53257f92f78a7916fe25872">
+<div class="tab-panel" data-tab-group="1e802040e9efd85d3e9f933f02e2e9d2">
   <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('9a6c42a3a53257f92f78a7916fe25872','hugotoml')"
+      onclick="switchTab('1e802040e9efd85d3e9f933f02e2e9d2','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1789,13 +1800,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="a1067eddb1a03b52dd8db4ae4b4d108a">
+<div class="tab-panel" data-tab-group="c5a64748d3543738d644c6e957cbaba7">
   <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('a1067eddb1a03b52dd8db4ae4b4d108a','layoutspartialsfaviconhtml')"
+      onclick="switchTab('c5a64748d3543738d644c6e957cbaba7','layoutspartialsfaviconhtml')"
     >
       <span class="tab-nav-text">layouts/partials/favicon.html</span>
     </button>
@@ -1829,13 +1840,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="6c9b906f89e0c0c90d93227299aaea3e">
+<div class="tab-panel" data-tab-group="b820aac198751f4fcdfb1db96e9dcf77">
   <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('6c9b906f89e0c0c90d93227299aaea3e','hugotoml')"
+      onclick="switchTab('b820aac198751f4fcdfb1db96e9dcf77','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1853,13 +1864,13 @@
 </div><p>ye now write it that way:</p>
 
   
-<div class="tab-panel" data-tab-group="babee9386e4def787e9cc505d32de990">
+<div class="tab-panel" data-tab-group="45b8d90132a04e6acb2db2b691844a62">
   <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('babee9386e4def787e9cc505d32de990','hugotoml')"
+      onclick="switchTab('45b8d90132a04e6acb2db2b691844a62','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1908,13 +1919,13 @@
 <h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
 
   
-<div class="tab-panel" data-tab-group="0e5d5589989dc61d3649d86f0ab402b6">
+<div class="tab-panel" data-tab-group="62b26406218cec2ea5da6f708f2a69ba">
   <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('0e5d5589989dc61d3649d86f0ab402b6','hugotoml')"
+      onclick="switchTab('62b26406218cec2ea5da6f708f2a69ba','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -1959,13 +1970,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="49840834e6e16c09c9f9ba47bd38e941">
+<div class="tab-panel" data-tab-group="93981311549ebce4dd2f9d8d0605c740">
   <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('49840834e6e16c09c9f9ba47bd38e941','staticcsstheme-my-brandingcss')"
+      onclick="switchTab('93981311549ebce4dd2f9d8d0605c740','staticcsstheme-my-brandingcss')"
     >
       <span class="tab-nav-text">static/css/theme-my-brand'n.css</span>
     </button>
@@ -1988,13 +1999,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="f89c0ca87bd5029dfcb63e6eb9d057fb">
+<div class="tab-panel" data-tab-group="a0b787b5c2b837fc39a99e5587a8d4c0">
   <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('f89c0ca87bd5029dfcb63e6eb9d057fb','hugotoml')"
+      onclick="switchTab('a0b787b5c2b837fc39a99e5587a8d4c0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -2056,8 +2067,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-84104accc20170bcc900f333af8198b7" 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-84104accc20170bcc900f333af8198b7"><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-69c9c2cf4c625f44bb80e0f89af2e31b" 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-69c9c2cf4c625f44bb80e0f89af2e31b"><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>
@@ -2098,8 +2109,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-765f307d6c899c3365fe19c1453e2637" 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-765f307d6c899c3365fe19c1453e2637"><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-355c52cf1bdb2f75c50667e6dce63466" 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-355c52cf1bdb2f75c50667e6dce63466"><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>
@@ -2206,13 +2217,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-c943ff3c068cf30d057b45c6eec5eefd" aria-controls="R-expandcontent-c943ff3c068cf30d057b45c6eec5eefd" >
-    <label class="expand-label" for="R-expand-c943ff3c068cf30d057b45c6eec5eefd" >
+    <input type="checkbox" id="R-expand-dd58f68eb480c27caeb263c6e7b7f631" aria-controls="R-expandcontent-dd58f68eb480c27caeb263c6e7b7f631" >
+    <label class="expand-label" for="R-expand-dd58f68eb480c27caeb263c6e7b7f631" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-c943ff3c068cf30d057b45c6eec5eefd" class="expand-content">
+    <div id="R-expandcontent-dd58f68eb480c27caeb263c6e7b7f631" 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,8 +2261,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-856c3e8ce2368c21fdda11bd4dc9d41c" 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-856c3e8ce2368c21fdda11bd4dc9d41c"><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-03db78f368e6e5da61b9aadec62afa37" 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-03db78f368e6e5da61b9aadec62afa37"><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">
@@ -2263,8 +2274,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-e33951c8607a9b76c3e90d362ee6cb0f" 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-e33951c8607a9b76c3e90d362ee6cb0f"><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-52a1e84badd9a16b8c32a5f5c50760de" 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-52a1e84badd9a16b8c32a5f5c50760de"><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>
@@ -4196,8 +4207,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-bfb089fe135986669dfd2b9d58915274" 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-bfb089fe135986669dfd2b9d58915274"><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-8d7f4ebe15266d56daa02146fad9bced" 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-8d7f4ebe15266d56daa02146fad9bced"><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>
@@ -4249,8 +4260,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-c0c2cdace229d5bd04708e728a2f0fc7" 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-c0c2cdace229d5bd04708e728a2f0fc7"><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-e60d40ee508a3add4795510b570fbd92" 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-e60d40ee508a3add4795510b570fbd92"><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">+++
@@ -4260,8 +4271,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-97019b2192941b0434ccac03b775375a" 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-97019b2192941b0434ccac03b775375a"><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-c2380ecac7ab8b77987c68e1a73427df" 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-c2380ecac7ab8b77987c68e1a73427df"><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">+++
@@ -4273,8 +4284,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-f7afc18d2c83c53d760a003b5c6a0aa5" 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-f7afc18d2c83c53d760a003b5c6a0aa5"><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-7bbf34b83c25e19a96ad6dd020b5acac" 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-7bbf34b83c25e19a96ad6dd020b5acac"><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>
@@ -4848,8 +4859,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-50469ff5c3b215f0604ce0e44a179b4f" 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-50469ff5c3b215f0604ce0e44a179b4f"><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-d0311c62d66b00b06d33e6879fde7b9b" 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-d0311c62d66b00b06d33e6879fde7b9b"><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>
@@ -4859,8 +4870,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-766a4b389246c6658a212d5f824847ab" 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-766a4b389246c6658a212d5f824847ab"><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-8d611b481506fc6588db666e7ac42098" 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-8d611b481506fc6588db666e7ac42098"><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>
@@ -4872,8 +4883,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-2c9dd35b1eab9b43b5e538154a9fe4af" 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-2c9dd35b1eab9b43b5e538154a9fe4af"><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-446657b79768f62857be308a26c817a0" 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-446657b79768f62857be308a26c817a0"><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>
@@ -4885,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-09ae8c233eef63866fe155327bd08423" 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-09ae8c233eef63866fe155327bd08423"><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-542e99d7d38120035915be029eb28e26" 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-542e99d7d38120035915be029eb28e26"><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>
@@ -4894,8 +4905,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-05d7414e889ebf810cc46f03248f9bb9" 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-05d7414e889ebf810cc46f03248f9bb9"><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-0b09ab683d827860fe071a93b32de313" 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-0b09ab683d827860fe071a93b32de313"><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>
@@ -4903,8 +4914,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-e2062a061dd2180abcc8f485d7c126fc" 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-e2062a061dd2180abcc8f485d7c126fc"><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-af47f3b1c4cd7bbc4a11de6465b5c764" 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-af47f3b1c4cd7bbc4a11de6465b5c764"><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>
@@ -4915,8 +4926,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-e097223cf45a065a9a3696681bfb7019" 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-e097223cf45a065a9a3696681bfb7019"><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-aa4a1ff3c132e3bbb18edc663734ca4a" 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-aa4a1ff3c132e3bbb18edc663734ca4a"><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>
@@ -4925,8 +4936,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-e43b574c009160aaa83017e2fc5ff9e6" 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-e43b574c009160aaa83017e2fc5ff9e6"><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-5c356d62a7ad5670adb748dc7e754a45" 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-5c356d62a7ad5670adb748dc7e754a45"><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>
@@ -4935,8 +4946,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-12a2c740164237aba66994ca0a5cac6f" 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-12a2c740164237aba66994ca0a5cac6f"><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-417c8f5489fff33e5f67f77f4e954ed2" 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-417c8f5489fff33e5f67f77f4e954ed2"><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>
@@ -4945,8 +4956,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-b2aeea4b17c879667a4473e2d6f3fa29" 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-b2aeea4b17c879667a4473e2d6f3fa29"><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-eef54596a61143bfa37f7b877dce5571" 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-eef54596a61143bfa37f7b877dce5571"><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>
@@ -4958,14 +4969,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-69970c02b0f058f71c9c43b5eef88311" 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-69970c02b0f058f71c9c43b5eef88311"><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-18778063ee1cfef2c48de70bc547eba6" 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-18778063ee1cfef2c48de70bc547eba6"><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-4e78f147cdc4778a3c8c094047d87e1f" 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-4e78f147cdc4778a3c8c094047d87e1f"><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-9bdc819d81aa9b3dfa5678d7fb74e215" 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-9bdc819d81aa9b3dfa5678d7fb74e215"><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-79cc6c0ae042be9d5a278752417abf3b" 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-79cc6c0ae042be9d5a278752417abf3b"><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-b06767a13c89d576b2bcc7b8c59d9dd3" 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-b06767a13c89d576b2bcc7b8c59d9dd3"><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-865d4c8c734f6361cdfc08bc3be437c6" 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-865d4c8c734f6361cdfc08bc3be437c6"><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-c7c6156dec8ff694d2f2813ca32a77c7" 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-c7c6156dec8ff694d2f2813ca32a77c7"><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>
@@ -4974,8 +4985,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-b944a8df24ce9dcf56a0c88fdf00d971" 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-b944a8df24ce9dcf56a0c88fdf00d971"><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-0578f11be331eed7dc499b2ec96a38d3" 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-0578f11be331eed7dc499b2ec96a38d3"><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>
@@ -5016,13 +5027,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="6a8aad223c4db9bad74c3c2945e23f15">
+<div class="tab-panel" data-tab-group="e50eaaebaabfad5a8595ab6c264516e0">
   <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('6a8aad223c4db9bad74c3c2945e23f15','hugotoml')"
+      onclick="switchTab('e50eaaebaabfad5a8595ab6c264516e0','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -5043,13 +5054,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="e03d8be5ed1f32e52dc9033393298178">
+<div class="tab-panel" data-tab-group="9bb66cfba08ad5bdf4ffc6a78facd2c8">
   <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('e03d8be5ed1f32e52dc9033393298178','frontmatter')"
+      onclick="switchTab('9bb66cfba08ad5bdf4ffc6a78facd2c8','frontmatter')"
     >
       <span class="tab-nav-text">frontmatter</span>
     </button>
@@ -5069,13 +5080,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="cec6b733e8ee1db9383a998a2da3d943">
+<div class="tab-panel" data-tab-group="9fdfcabd8c6418e67f88bf493976d928">
   <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('cec6b733e8ee1db9383a998a2da3d943','url')"
+      onclick="switchTab('9fdfcabd8c6418e67f88bf493976d928','url')"
     >
       <span class="tab-nav-text">URL</span>
     </button>
@@ -5092,13 +5103,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="e2ac2bada096e4cacf01468221a1379f">
+<div class="tab-panel" data-tab-group="8033eaf37137ef1bc6759e216a0c2b30">
   <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('e2ac2bada096e4cacf01468221a1379f','result')"
+      onclick="switchTab('8033eaf37137ef1bc6759e216a0c2b30','result')"
     >
       <span class="tab-nav-text">Result</span>
     </button>
@@ -5118,13 +5129,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="b7ef128f3980a228b3c9260d9d688e0b">
+<div class="tab-panel" data-tab-group="85949f3b14006db58bed610ea279b947">
   <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('b7ef128f3980a228b3c9260d9d688e0b','html')"
+      onclick="switchTab('85949f3b14006db58bed610ea279b947','html')"
     >
       <span class="tab-nav-text">HTML</span>
     </button>
@@ -5303,8 +5314,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-45577d50f2b84a8114d7a59f9c2bba47" 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-45577d50f2b84a8114d7a59f9c2bba47"><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-45545efa899a4ee1ceb004b3cf47a06a" 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-45545efa899a4ee1ceb004b3cf47a06a"><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>
@@ -6608,13 +6619,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-e34413ee1c7558075a794c5151a11f39" aria-controls="R-expandcontent-e34413ee1c7558075a794c5151a11f39" >
-    <label class="expand-label" for="R-expand-e34413ee1c7558075a794c5151a11f39" >
+    <input type="checkbox" id="R-expand-de749ba399159d0a4e8a9ade7b31b2aa" aria-controls="R-expandcontent-de749ba399159d0a4e8a9ade7b31b2aa" >
+    <label class="expand-label" for="R-expand-de749ba399159d0a4e8a9ade7b31b2aa" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-e34413ee1c7558075a794c5151a11f39" class="expand-content">
+    <div id="R-expandcontent-de749ba399159d0a4e8a9ade7b31b2aa" 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>
@@ -6732,26 +6743,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-afc8465655c5c8f223a61548e87f5e82" aria-controls="R-expandcontent-afc8465655c5c8f223a61548e87f5e82" >
-    <label class="expand-label" for="R-expand-afc8465655c5c8f223a61548e87f5e82" >
+    <input type="checkbox" id="R-expand-ff16beaf06f5f772c86d58bf7a77c426" aria-controls="R-expandcontent-ff16beaf06f5f772c86d58bf7a77c426" >
+    <label class="expand-label" for="R-expand-ff16beaf06f5f772c86d58bf7a77c426" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-afc8465655c5c8f223a61548e87f5e82" class="expand-content">
+    <div id="R-expandcontent-ff16beaf06f5f772c86d58bf7a77c426" 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-6cd3cda6f0f31efa8e62bcfee8486634" aria-controls="R-expandcontent-6cd3cda6f0f31efa8e62bcfee8486634"  checked>
-    <label class="expand-label" for="R-expand-6cd3cda6f0f31efa8e62bcfee8486634" >
+    <input type="checkbox" id="R-expand-5b5daa3499e579019a46d4b45e48dc02" aria-controls="R-expandcontent-5b5daa3499e579019a46d4b45e48dc02"  checked>
+    <label class="expand-label" for="R-expand-5b5daa3499e579019a46d4b45e48dc02" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-6cd3cda6f0f31efa8e62bcfee8486634" class="expand-content">
+    <div id="R-expandcontent-5b5daa3499e579019a46d4b45e48dc02" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -6772,13 +6783,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-bb9d39c444d43f6cbdc7262b0921a580" aria-controls="R-expandcontent-bb9d39c444d43f6cbdc7262b0921a580" >
-    <label class="expand-label" for="R-expand-bb9d39c444d43f6cbdc7262b0921a580" >
+    <input type="checkbox" id="R-expand-42c4afd5c93327bd056c22fcc3757d43" aria-controls="R-expandcontent-42c4afd5c93327bd056c22fcc3757d43" >
+    <label class="expand-label" for="R-expand-42c4afd5c93327bd056c22fcc3757d43" >
         <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-bb9d39c444d43f6cbdc7262b0921a580" class="expand-content">
+    <div id="R-expandcontent-42c4afd5c93327bd056c22fcc3757d43" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -6815,13 +6826,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="17172200e8d709b5e7911ac8d229c480">
+<div class="tab-panel" data-tab-group="045c9aa18fdbcbd53caf893d769a9f7c">
   <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('17172200e8d709b5e7911ac8d229c480','python')"
+      onclick="switchTab('045c9aa18fdbcbd53caf893d769a9f7c','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -7033,13 +7044,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="17d3a20fb450308a0baa98820edec5ab">
+<div class="tab-panel" data-tab-group="b23121919d48dfe4a5e4feaa829ecf28">
   <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('17d3a20fb450308a0baa98820edec5ab','python')"
+      onclick="switchTab('b23121919d48dfe4a5e4feaa829ecf28','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -8515,7 +8526,7 @@ xychart-beta
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-de3af1298a95d1cfd6da01c1702e133f"
+    id="R-openapi-febb17a186a801b03c97c0a2042ea2ca"
     data-openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -8613,13 +8624,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="5e0cba1feb969da72f4e2cae3992400b">
+<div class="tab-panel" data-tab-group="bdb699e4acd0e13d01487bf7f853cf65">
   <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('5e0cba1feb969da72f4e2cae3992400b','hugotoml')"
+      onclick="switchTab('bdb699e4acd0e13d01487bf7f853cf65','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -8653,13 +8664,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="f30ba0468af784c1a4244b890fc8cb28">
+<div class="tab-panel" data-tab-group="0745660caad7339c1b15a21a60fd034f">
   <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('f30ba0468af784c1a4244b890fc8cb28','c')"
+      onclick="switchTab('0745660caad7339c1b15a21a60fd034f','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -8764,13 +8775,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="34dc2cea58dda6490e47cfaca7b5951f">
+<div class="tab-panel" data-tab-group="19c46a6aa322ed4e61f0a5100c73fd68">
   <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('34dc2cea58dda6490e47cfaca7b5951f','code')"
+      onclick="switchTab('19c46a6aa322ed4e61f0a5100c73fd68','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -8792,13 +8803,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="36f3a54dac463e3d6def93ca7518cf24">
+<div class="tab-panel" data-tab-group="8b0b80496340b2e12f6128ac89ab168a">
   <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('36f3a54dac463e3d6def93ca7518cf24','mixed')"
+      onclick="switchTab('8b0b80496340b2e12f6128ac89ab168a','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -8843,41 +8854,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="b1f4dfd459d425a84b92a8302dc61759">
+<div class="tab-panel" data-tab-group="126fe84f57302fc119209560f0c373d0">
   <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('b1f4dfd459d425a84b92a8302dc61759','just-colored-style')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','just-color')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','default-style-and-color')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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>
@@ -8946,27 +8957,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="6d66b280e6b783e378ad17454c50d8a6">
+<div class="tab-panel" data-tab-group="0c701cbdc16334160b5806e4b1a779af">
   <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('6d66b280e6b783e378ad17454c50d8a6','py')"
+      onclick="switchTab('0c701cbdc16334160b5806e4b1a779af','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('6d66b280e6b783e378ad17454c50d8a6','sh')"
+      onclick="switchTab('0c701cbdc16334160b5806e4b1a779af','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('6d66b280e6b783e378ad17454c50d8a6','c')"
+      onclick="switchTab('0c701cbdc16334160b5806e4b1a779af','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -9114,27 +9125,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="e3136d24ff8b8dbf0c7bdfd8c0cba97a">
+<div class="tab-panel" data-tab-group="a7fd2201c9ed0599d75cdd0828b9a459">
   <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('e3136d24ff8b8dbf0c7bdfd8c0cba97a','group-a-tab-view-1')"
+      onclick="switchTab('a7fd2201c9ed0599d75cdd0828b9a459','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('e3136d24ff8b8dbf0c7bdfd8c0cba97a','group-a-tab-view-2')"
+      onclick="switchTab('a7fd2201c9ed0599d75cdd0828b9a459','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('e3136d24ff8b8dbf0c7bdfd8c0cba97a','group-b')"
+      onclick="switchTab('a7fd2201c9ed0599d75cdd0828b9a459','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -9492,8 +9503,8 @@ xychart-beta
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476214" defer></script>
+    <script src="../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613410" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -9522,27 +9533,27 @@ xychart-beta
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1701476214"></script>
-    <script src="../js/d3/d3-color.min.js?1701476214" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1701476214" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1701476214" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1701476214" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1701476214" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1701476214" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1701476214" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1701476214" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1701476214" defer></script>
-    <script src="../js/js-yaml.min.js?1701476214" defer></script>
-    <script src="../js/mermaid.min.js?1701476214" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1701613410"></script>
+    <script src="../js/d3/d3-color.min.js?1701613410" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1701613410" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1701613410" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1701613410" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1701613410" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1701613410" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1701613410" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1701613410" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1701613410" defer></script>
+    <script src="../js/js-yaml.min.js?1701613410" defer></script>
+    <script src="../js/mermaid.min.js?1701613410" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1701476214" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1701476214" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1701613410" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1701613410" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701476214", assetsBuster:  1701476214  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701613410", assetsBuster:  1701613410  };
     </script>
-    <script src="../js/theme.js?1701476214" defer></script>
+    <script src="../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/index.search.js b/pir/index.search.js
index e7e414c077..c6fed5fffb 100644
--- a/pir/index.search.js
+++ b/pir/index.search.js
@@ -146,7 +146,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Basics",
-    "content": " On top o' Hugo’s global configurat'n opt'ns, th' Relearrrn theme lets ye define further opt'ns unique t' th' theme 'n yer hugo.toml. Th' defaults be written 'n th' comments o' each opt'n.\nAvast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.\n​ hugo.toml [params] # If an opt'n value be said t' be not set, ye can achieve th' same behavior # by given it an empty str'n value. ############################################################################### # Cap'n Hugo # These opt'ns usually apply t' other themes aswell. # Th' author o' yer ship. # Default: not set # This will be used 'n HTML meta tags, th' opengraph protocol an' twitter # cards. # Ye can also set `author.email` if ye want t' publish this informat'n. author.name = \"Sören Weber\" # Th' social media image o' yer ship. # Default: not set # This be used fer generat'n social media meta informat'n fer th' opengraph # protocol an' twitter cards. # This can be overridden 'n th' page's frontmatter. images = [ \"images/hero.png\" ] # Th' descript'n o' yer ship. # Default: not set # This be used fer generat'n HTML meta tags, social media meta informat'n # fer th' opengraph protocol an' twitter cards. # This can be overridden 'n th' page's frontmatter. descript'n = \"Documentat'n fer Cap'n Hugo Relearrrn Theme\" # Admin opt'ns fer social media. # Default: not set # Configurat'n fer th' Open Graph protocol an' Twitter Cards adhere t' Hugo's # implementat'n. See th' Cap'n Hugo docs fer poss'ble values. social.facebook_admin = \"\" social.twitter = \"\" ############################################################################### # Relearrrn Theme # These opt'ns be specific t' th' Relearrrn theme. #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Variants # These opt'ns set yer color variant. # Used color variants. # Default: \"auto\" # This sets one or more color variants, avail'ble t' yer readers t' choose # from. Ye can # - set a single value eg. \"zen-light\" # - an array like [ \"neon\", \"learn\" ] # - an array wit' opt'ns like [ { identifier = \"neon\" },{ identifier = \"learn\" } ] # Th' last form allows t' set further opt'ns fer each variant. # Th' `identifier` be mandatory. Ye can also set `name` which overrides th' # value displayed 'n th' variant selector. # If th' array has more than one entry, a variant selector # be shown 'n th' lower part o' th' menu. Th' first entry 'n th' array be th' # default variant, used fer first time visitors. # Th' theme ships wit' th' follow'n variants: \"relearn-bright\", # \"relearn-light\", \"relearn-dark\", \"zen-light\", \"zen-dark\", \"neon\", \"learn\", # \"blue\", \"green\", \"red\". In addit'n ye can use auto mode variants. See th' # docs fer a detailed explainat'n. # Ye can also define yer own variants. See th' docs how this works. Also, # th' docs provide an interactive theme generator t' help ye wit' this task. themeVariant = [ { identifier = \"relearn-auto\", name = \"Relearn Light/Dark\", auto = [] }, { identifier = \"relearn-light\" }, { identifier = \"relearn-dark\" }, { identifier = \"relearn-bright\" }, { identifier = \"zen-auto\", name = \"Zen Light/Dark\", auto = [ \"zen-light\", \"zen-dark\" ] }, { identifier = \"zen-light\" }, { identifier = \"zen-dark\" }, { identifier = \"neon\" }, { identifier = \"learn\" }, { identifier = \"blue\" }, { identifier = \"green\" }, { identifier = \"red\" } ] #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # General # These opt'ns be defin'n general, non visual behavior. # Avoid new asset URLs on build. # Default: false # By default JavaScript-files an' CSS-files get a unique ID on each rebuild. # This makes sure, th' user always has th' latest version an' not some stale # copy o' his browser cache. Anyways, it can be desire'ble t' turn this # off 'n certain circumstances. For example if ye have Hugo's dev server # runn'n. Also some proxies dislike this optimizat'n. disableAssetsBust'n = false # Avoid generator meta tags. # Default: false # Set this t' true if ye want t' dis'ble generat'n fer generator meta tags # o' Cap'n Hugo an' th' theme 'n yer HTML head. In tihs case also don't forget t' # set Hugo's disableHugoGeneratorInject=true. Otherwise Cap'n Hugo will generate a # meta tag into yer home plank anyways. disableGeneratorVersion = false # Avoid unique IDs. # Default: false # In various situat'ns th' theme generates non st'ble unique ids t' be used # 'n HTML fragment links. This can be undesir'ble fer example when test'n # th' output fer changes. If ye dis'ble th' random id generat'n, th' theme # may not funct'n correctly anymore. disableRandomIds = false # Multilanguage rrrambl'n. # Default: not set # If yer planks contain further languages besides th' main one used, add all # those auxiliary languages here. This will create a search index wit' # support fer all used languages o' yer ship. # This be handy fer example if ye be writ'n 'n Spanish but have lots o' # source code on yer plank which typically uses English terminology. additionalContentLanguage = [ \"en\" ] # Additional code dependencies. # Default: See hugo.toml o' th' theme # Th' theme provides a mechanism t' board further JavaScript an' CSS # dependencies on demand only if they be needed. This comes 'n handy if ye # want t' add own shorrrtcodes that depend on additional code t' be boarded. # See th' docs how this works. # [relearn.dependencies] #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Topbar # These opt'ns modify th' topbar appearance. # Hide th' t'ble o' contents button. # Default: false # If th' TOC button be hidden, also th' keyboard shortcut be disabled. # This can be overridden 'n th' page's frontmatter. disableToc = false # Hide th' breadcrumbs. # Default: false # If th' breadcrumbs be hidden, th' title o' th' displayed plank will still be # shown 'n th' topbar. disableBreadcrumb = false # Hide Next an' Previous navigat'n buttons. # Default: false # If th' navigat'n buttons be hidden, also th' keyboard shortcuts be # disabled. disableNextPrev = false # Th' URL prefix t' edit a plank. # Default: not set # If set, an edit button will be shown 'n th' topbar. If th' button be hidden, # also th' keyboard shortcuts be disabled. Th' given URL be prepended t' th' # relative file path o' a th' displayed plank. Th' URL must end wit' a `/`. # This be useful if ye wnat t' give th' opportunity fer people t' create merge # request fer yer rrrambl'n. editURL = \"https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Menu # These opt'ns modify th' menu apperance. # Hide th' search box. # Default: false # If th' searc box be sisabled, th' search functionality be disabled too. # This will also cause th' keyboard shortcut t' be disabled an' th' dedicated # search plank be not linked although it mighty be configured. disableSearch = false # Hide th' Home entry. # Default: false # If shown, a Home button will appear below th' search bar an' th' main menu. # It links t' yer th' home plank o' th' current language. disableLandingPageButton = true # Th' order o' main menu submenus. # Default: \"weight\" # Submenus can be ordered by \"weight\", \"title\", \"linktitle\", \"modifieddate\", # \"expirydate\", \"publishdate\", \"date\", \"length\" or \"default\" (adher'n t' # Hugo's default sort order). This can be overridden 'n th' planks frontmatter. ordersectionsby = \"weight\" # Th' initial expand state o' submenus. # Default: not set # This controls whether submenus will be expanded (true), or collapsed (false) # 'n th' menu. If not set, th' first menu level be set t' false, all others # levels be set t' true. This can be overridden 'n th' page's frontmatter. # If th' displayed plank has submenus, they will always been displayed expanded # regardless o' this opt'n. alwaysopen = \"\" # Shows expander fer submenus. # Default: false # If set t' true, a submenu 'n th' sidebar will be displayed 'n a collaps'ble # tree view an' a click'ble expander be set 'n front o' th' entry. # This can be overridden 'n th' page's frontmatter. collapsibleMenu = true # Shows checkmarks fer visited planks o' th' main menu. # Default: false # This also causes th' display o' th' `Clear History` entry 'n th' lower part # o' th' menu t' remove all checkmarks. Th' checkmarks will also been removed # if ye regenerate yer ship as th' ids be not st'ble. showVisitedLinks = true # Hide head'n above th' shortcut menu. # Default: false # Th' title fer th' head'n can be overwritten 'n yer i18n files. See Hugo's # documentat'n how t' do this. disableShortcutsTitle = false # Hide th' language switcher. # Default: false # If ye have more than one language configured, a language switcher be # displayed 'n th' lower part o' th' menu. This opit'n lets ye explicitly # turn this behavior off. disableLanguageSwitchingButton = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Hidden planks # These opt'ns configure how hidden planks be treated. # A plank flagged as hidden, be only removed from th' main menu if ye be # currently not on this plank or th' hidden plank be not part o' current page's # ancestors. For all other functionality 'n Hugo a hidden plank behaves like any # other plank if not otherwise configured. # Hide hidden planks from search. # Default: false # Hides hidden planks from th' suggest'ns o' th' search box an' th' dedicated # search plank. disableSearchHiddenPages = false # Hide hidden planks fer web crawlers. # Default: false # Avoids hidden planks from show'n up 'n th' sitemap an' on Google (et all), # otherwise they may be indexed by search engines disableSeoHiddenPages = true # Hide hidden planks fer taxonomies. # Default: false # Hides hidden planks from show'n up on th' taxonomy an' terms planks. If this # reduces term counters t' zero, an empty but not linked term plank will be # created anyhow. disableTagHiddenPages = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Rrrambl'n # These opt'ns modify how yer rrrambl'n be displayed. # Title separator. # Default: \"::\" # Changes th' title separator used when concatenat'n th' plank title wit' th' # ship title. This be consistently used throughout th' theme. titleSeparator = \"::\" # Breadcrumb separator. # Default: \"\u003e\" # Changes th' breadcrumb separator used 'n th' topbars breadcrumb area an' fer # search results an' term planks. breadcrumbSeparator = \"\u003e\" # Hide th' root breadcrumb. # Default: false # Th' root breadcrumb be usually th' home plank o' yer ship. Because this be # always access'ble by click'n on th' logo, ye may want t' reduce clutter # by remov'n this from yer breadcrumb. disableRootBreadcrumb = true # Hide breadcrumbs term planks. # Default: false # If ye have lots o' taxonomy terms, th' term planks may seem cluttered wit' # breadcrumbs t' ye, so this be th' opt'n t' turn off breadcrumbs on term # planks. Only th' plank title will then be shown on th' term planks. disableTermBreadcrumbs = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Highlight # These opt'ns configure how code be displayed. # Hide copy-to-clipboard fer inline code. # Default: false # This removes th' copy-to-clipboard button from yer inline code. disableInlineCopyToClipBoard = true # Always show copy-to-clipboard fer block code. # Default: false # Th' theme only shows th' copy-to-clipboard button if ye hover over th' code # block. Set this t' true t' dis'ble th' hover effect an' always show th' # button. disableHoverBlockCopyToClipBoard = false # Wrap fer code blocks. # Default: true # By default lines o' code blocks wrap around if th' line be too long t' be # displayed on screen. If ye dislike this behavior, ye can reconfigure it # here. # Avast that lines always wrap 'n print mode regardless o' this opt'n. # This can be overridden 'n th' page's frontmatter or given as a parameter t' # individual code blocks. highlightWrap = true #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Images # These opt'ns configure how images be displayed. # Image effects. # See th' documentat'n fer how ye can even add yer own arbitrary effects t' # th' list. # All effects can be overridden 'n th' page's frontmatter or thru URL parameter # given t' th' image. See th' documentat'n fer details. # Default: false imageEffects.border = true # Default: true imageEffects.lightbox = true # Default: false imageEffects.shadow = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Links # These opt'ns configure how links be displayed. # How t' open external links. # Default: \"_blank\" # For external links ye can define how they be opened 'n yer browser. All # values fer th' HTML `target` attribute o' th' `a` element be allowed. Th' # default value opens external links 'n a separate browser tab. If ye want # t' open those links 'n th' same tab, use \"_self\". externalLinkTarget = \"_blank\" # Generate link URLs th' Cap'n Hugo way. # Default: false # If set t' true, th' theme behaves like a standard Cap'n Hugo installat'n an' # appends no index.html t' prettyURLs. As a trade off, yer build project will # not be serv'ble from th' file system. disableExplicitIndexURLs = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # MathJax # These opt'ns configure how math formulae be displayed. # Initializat'n opt'ns fer MathJax. # Default: not set # A JSON value. See th' MathJaxdocumentat'n fer poss'ble parameter. # This can be overridden 'n th' page's frontmatter. mathJaxInitialize = \"{}\" # Only board MathJax if needed. # Default: true # If a Math shortcode be found, th' opt'n will be ignored an' # MathJax will be boarded regardlessly. Th' opt'n be still useful 'n case ye # be us'n script'n t' set up yer graph. In this case no shortcode or # codefence be involved an' th' library be not boarded by default. In this case # ye can set `disableMathJax=false` 'n yer frontmatter t' force th' library t' # be boarded. # This can be overridden 'n th' page's frontmatter. disableMathJax = true # URL fer external MathJax library. # Default: not set # Specifies th' remote locat'n o' th' MathJax library. By default th' shipped # version will be used. # This can be overridden 'n th' page's frontmatter. customMathJaxURL = \"\" # \"https://unpkg.com/mathjax/es5/tex-mml-chtml.js\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Merrrmaid # These opt'ns configure how Merrrmaid graphs be displayed. # Make graphs pan'ble an' zoom'ble # Default: false # For huge graphs it can be helpful t' make them zoom'ble. Zoom'ble graphs come # wit' a reset button fer th' zoom. # This can be overridden 'n th' page's frontmatter or given as a parameter t' # individual graphs. mermaidZoom = true # Initializat'n opt'ns fer Merrrmaid. # Default: not set # A JSON value. See th' Merrrmaid documentat'n fer poss'ble parameter. # This can be overridden 'n th' page's frontmatter. mermaidInitialize = \"{ \\\"securityLevel\\\": \\\"loose\\\" }\" # Only board Merrrmaid if needed. # Default: true # If a Merrrmaid shortcode or codefence be found, th' opt'n will be ignored an' # Merrrmaid will be boarded regardlessly. Th' opt'n be still useful 'n case ye # be us'n script'n t' set up yer graph. In this case no shortcode or # codefence be involved an' th' library be not boarded by default. In this case # ye can set `disableMermaid=false` 'n yer frontmatter t' force th' library t' # be boarded. # This can be overridden 'n th' page's frontmatter. disableMermaid = true # URL fer external Merrrmaid library. # Default: not set # Specifies th' remote locat'n o' th' Merrrmaid library. By default th' shipped # version will be used. # This can be overridden 'n th' page's frontmatter. customMermaidURL = \"\" # \"https://unpkg.com/mermaid/dist/mermaid.min.js\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # OpenApi # These opt'ns configure how OpenAPI specificat'ns be displayed. # Only board OpenAPI if needed. # Default: true # If a OpenAPI shortcode be found, th' opt'n will be ignored an' # OpenAPI will be boarded regardlessly. Th' opt'n be still useful 'n case ye # be us'n script'n t' set up yer graph. In this case no shortcode or # codefence be involved an' th' library be not boarded by default. In this case # ye can set `disableOpenapi=false` 'n yer frontmatter t' force th' library t' # be boarded. # This can be overridden 'n th' page's frontmatter. disableOpenapi = true # URL fer external OpenAPI library. # Default: not set # Specifies th' remote locat'n o' th' OpenAPI library. By default th' shipped # version will be used. # This can be overridden 'n th' page's frontmatter. customOpenapiURL = \"\" # \"https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js\" ",
+    "content": " On top o' Hugo’s global configurat'n opt'ns, th' Relearrrn theme lets ye define further opt'ns unique t' th' theme 'n yer hugo.toml. Th' defaults be written 'n th' comments o' each opt'n.\nAvast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.\n​ hugo.toml [params] # If an opt'n value be said t' be not set, ye can achieve th' same behavior # by given it an empty str'n value. ############################################################################### # Cap'n Hugo # These opt'ns usually apply t' other themes aswell. # Th' author o' yer ship. # Default: not set # This will be used 'n HTML meta tags, th' opengraph protocol an' twitter # cards. # Ye can also set `author.email` if ye want t' publish this informat'n. author.name = \"Sören Weber\" # Th' social media image o' yer ship. # Default: not set # This be used fer generat'n social media meta informat'n fer th' opengraph # protocol an' twitter cards. # This can be overridden 'n th' page's frontmatter. images = [ \"images/hero.png\" ] # Th' descript'n o' yer ship. # Default: not set # This be used fer generat'n HTML meta tags, social media meta informat'n # fer th' opengraph protocol an' twitter cards. # This can be overridden 'n th' page's frontmatter. descript'n = \"Documentat'n fer Cap'n Hugo Relearrrn Theme\" # Admin opt'ns fer social media. # Default: not set # Configurat'n fer th' Open Graph protocol an' Twitter Cards adhere t' Hugo's # implementat'n. See th' Cap'n Hugo docs fer poss'ble values. social.facebook_admin = \"\" social.twitter = \"\" ############################################################################### # Relearrrn Theme # These opt'ns be specific t' th' Relearrrn theme. #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Variants # These opt'ns set yer color variant. # Used color variants. # Default: \"auto\" # This sets one or more color variants, avail'ble t' yer readers t' choose # from. Ye can # - set a single value eg. \"zen-light\" # - an array like [ \"neon\", \"learn\" ] # - an array wit' opt'ns like [ { identifier = \"neon\" },{ identifier = \"learn\" } ] # Th' last form allows t' set further opt'ns fer each variant. # Th' `identifier` be mandatory. Ye can also set `name` which overrides th' # value displayed 'n th' variant selector. # If th' array has more than one entry, a variant selector # be shown 'n th' lower part o' th' menu. Th' first entry 'n th' array be th' # default variant, used fer first time visitors. # Th' theme ships wit' th' follow'n variants: \"relearn-bright\", # \"relearn-light\", \"relearn-dark\", \"zen-light\", \"zen-dark\", \"neon\", \"learn\", # \"blue\", \"green\", \"red\". In addit'n ye can use auto mode variants. See th' # docs fer a detailed explainat'n. # Ye can also define yer own variants. See th' docs how this works. Also, # th' docs provide an interactive theme generator t' help ye wit' this task. themeVariant = [ { identifier = \"relearn-auto\", name = \"Relearn Light/Dark\", auto = [] }, { identifier = \"relearn-light\" }, { identifier = \"relearn-dark\" }, { identifier = \"relearn-bright\" }, { identifier = \"zen-auto\", name = \"Zen Light/Dark\", auto = [ \"zen-light\", \"zen-dark\" ] }, { identifier = \"zen-light\" }, { identifier = \"zen-dark\" }, { identifier = \"neon\" }, { identifier = \"learn\" }, { identifier = \"blue\" }, { identifier = \"green\" }, { identifier = \"red\" } ] # Filename suffix fer variant files # Default: not set # Th' theme modifies th' variant stylesheets dur'n build an' tries t' store # them wit' th' same file name. In certain installat'ns it was observed, that # Cap'n Hugo could not overwrite these files due t' permission issues. If ye # experience this, ye can set this opt'n t' eg. \".gen\". This will be used # as a suffix fer these generated files, caus'n them be newly created instead # o' overwrit'n exist'n ones. themeVariantModifier = \"\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # General # These opt'ns be defin'n general, non visual behavior. # Avoid new asset URLs on build. # Default: false # By default JavaScript-files an' CSS-files get a unique ID on each rebuild. # This makes sure, th' user always has th' latest version an' not some stale # copy o' his browser cache. Anyways, it can be desire'ble t' turn this # off 'n certain circumstances. For example if ye have Hugo's dev server # runn'n. Also some proxies dislike this optimizat'n. disableAssetsBust'n = false # Avoid generator meta tags. # Default: false # Set this t' true if ye want t' dis'ble generat'n fer generator meta tags # o' Cap'n Hugo an' th' theme 'n yer HTML head. In tihs case also don't forget t' # set Hugo's disableHugoGeneratorInject=true. Otherwise Cap'n Hugo will generate a # meta tag into yer home plank anyways. disableGeneratorVersion = false # Avoid unique IDs. # Default: false # In various situat'ns th' theme generates non st'ble unique ids t' be used # 'n HTML fragment links. This can be undesir'ble fer example when test'n # th' output fer changes. If ye dis'ble th' random id generat'n, th' theme # may not funct'n correctly anymore. disableRandomIds = false # Multilanguage rrrambl'n. # Default: not set # If yer planks contain further languages besides th' main one used, add all # those auxiliary languages here. This will create a search index wit' # support fer all used languages o' yer ship. # This be handy fer example if ye be writ'n 'n Spanish but have lots o' # source code on yer plank which typically uses English terminology. additionalContentLanguage = [ \"en\" ] # Additional code dependencies. # Default: See hugo.toml o' th' theme # Th' theme provides a mechanism t' board further JavaScript an' CSS # dependencies on demand only if they be needed. This comes 'n handy if ye # want t' add own shorrrtcodes that depend on additional code t' be boarded. # See th' docs how this works. # [relearn.dependencies] #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Topbar # These opt'ns modify th' topbar appearance. # Hide th' t'ble o' contents button. # Default: false # If th' TOC button be hidden, also th' keyboard shortcut be disabled. # This can be overridden 'n th' page's frontmatter. disableToc = false # Hide th' breadcrumbs. # Default: false # If th' breadcrumbs be hidden, th' title o' th' displayed plank will still be # shown 'n th' topbar. disableBreadcrumb = false # Hide Next an' Previous navigat'n buttons. # Default: false # If th' navigat'n buttons be hidden, also th' keyboard shortcuts be # disabled. disableNextPrev = false # Th' URL prefix t' edit a plank. # Default: not set # If set, an edit button will be shown 'n th' topbar. If th' button be hidden, # also th' keyboard shortcuts be disabled. Th' given URL be prepended t' th' # relative file path o' a th' displayed plank. Th' URL must end wit' a `/`. # This be useful if ye wnat t' give th' opportunity fer people t' create merge # request fer yer rrrambl'n. editURL = \"https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Menu # These opt'ns modify th' menu apperance. # Hide th' search box. # Default: false # If th' searc box be sisabled, th' search functionality be disabled too. # This will also cause th' keyboard shortcut t' be disabled an' th' dedicated # search plank be not linked although it mighty be configured. disableSearch = false # Hide th' Home entry. # Default: false # If shown, a Home button will appear below th' search bar an' th' main menu. # It links t' yer th' home plank o' th' current language. disableLandingPageButton = true # Th' order o' main menu submenus. # Default: \"weight\" # Submenus can be ordered by \"weight\", \"title\", \"linktitle\", \"modifieddate\", # \"expirydate\", \"publishdate\", \"date\", \"length\" or \"default\" (adher'n t' # Hugo's default sort order). This can be overridden 'n th' planks frontmatter. ordersectionsby = \"weight\" # Th' initial expand state o' submenus. # Default: not set # This controls whether submenus will be expanded (true), or collapsed (false) # 'n th' menu. If not set, th' first menu level be set t' false, all others # levels be set t' true. This can be overridden 'n th' page's frontmatter. # If th' displayed plank has submenus, they will always been displayed expanded # regardless o' this opt'n. alwaysopen = \"\" # Shows expander fer submenus. # Default: false # If set t' true, a submenu 'n th' sidebar will be displayed 'n a collaps'ble # tree view an' a click'ble expander be set 'n front o' th' entry. # This can be overridden 'n th' page's frontmatter. collapsibleMenu = true # Shows checkmarks fer visited planks o' th' main menu. # Default: false # This also causes th' display o' th' `Clear History` entry 'n th' lower part # o' th' menu t' remove all checkmarks. Th' checkmarks will also been removed # if ye regenerate yer ship as th' ids be not st'ble. showVisitedLinks = true # Hide head'n above th' shortcut menu. # Default: false # Th' title fer th' head'n can be overwritten 'n yer i18n files. See Hugo's # documentat'n how t' do this. disableShortcutsTitle = false # Hide th' language switcher. # Default: false # If ye have more than one language configured, a language switcher be # displayed 'n th' lower part o' th' menu. This opit'n lets ye explicitly # turn this behavior off. disableLanguageSwitchingButton = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Hidden planks # These opt'ns configure how hidden planks be treated. # A plank flagged as hidden, be only removed from th' main menu if ye be # currently not on this plank or th' hidden plank be not part o' current page's # ancestors. For all other functionality 'n Hugo a hidden plank behaves like any # other plank if not otherwise configured. # Hide hidden planks from search. # Default: false # Hides hidden planks from th' suggest'ns o' th' search box an' th' dedicated # search plank. disableSearchHiddenPages = false # Hide hidden planks fer web crawlers. # Default: false # Avoids hidden planks from show'n up 'n th' sitemap an' on Google (et all), # otherwise they may be indexed by search engines disableSeoHiddenPages = true # Hide hidden planks fer taxonomies. # Default: false # Hides hidden planks from show'n up on th' taxonomy an' terms planks. If this # reduces term counters t' zero, an empty but not linked term plank will be # created anyhow. disableTagHiddenPages = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Rrrambl'n # These opt'ns modify how yer rrrambl'n be displayed. # Title separator. # Default: \"::\" # Changes th' title separator used when concatenat'n th' plank title wit' th' # ship title. This be consistently used throughout th' theme. titleSeparator = \"::\" # Breadcrumb separator. # Default: \"\u003e\" # Changes th' breadcrumb separator used 'n th' topbars breadcrumb area an' fer # search results an' term planks. breadcrumbSeparator = \"\u003e\" # Hide th' root breadcrumb. # Default: false # Th' root breadcrumb be usually th' home plank o' yer ship. Because this be # always access'ble by click'n on th' logo, ye may want t' reduce clutter # by remov'n this from yer breadcrumb. disableRootBreadcrumb = true # Hide breadcrumbs term planks. # Default: false # If ye have lots o' taxonomy terms, th' term planks may seem cluttered wit' # breadcrumbs t' ye, so this be th' opt'n t' turn off breadcrumbs on term # planks. Only th' plank title will then be shown on th' term planks. disableTermBreadcrumbs = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Highlight # These opt'ns configure how code be displayed. # Hide copy-to-clipboard fer inline code. # Default: false # This removes th' copy-to-clipboard button from yer inline code. disableInlineCopyToClipBoard = true # Always show copy-to-clipboard fer block code. # Default: false # Th' theme only shows th' copy-to-clipboard button if ye hover over th' code # block. Set this t' true t' dis'ble th' hover effect an' always show th' # button. disableHoverBlockCopyToClipBoard = false # Wrap fer code blocks. # Default: true # By default lines o' code blocks wrap around if th' line be too long t' be # displayed on screen. If ye dislike this behavior, ye can reconfigure it # here. # Avast that lines always wrap 'n print mode regardless o' this opt'n. # This can be overridden 'n th' page's frontmatter or given as a parameter t' # individual code blocks. highlightWrap = true #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Images # These opt'ns configure how images be displayed. # Image effects. # See th' documentat'n fer how ye can even add yer own arbitrary effects t' # th' list. # All effects can be overridden 'n th' page's frontmatter or thru URL parameter # given t' th' image. See th' documentat'n fer details. # Default: false imageEffects.border = true # Default: true imageEffects.lightbox = true # Default: false imageEffects.shadow = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Links # These opt'ns configure how links be displayed. # How t' open external links. # Default: \"_blank\" # For external links ye can define how they be opened 'n yer browser. All # values fer th' HTML `target` attribute o' th' `a` element be allowed. Th' # default value opens external links 'n a separate browser tab. If ye want # t' open those links 'n th' same tab, use \"_self\". externalLinkTarget = \"_blank\" # Generate link URLs th' Cap'n Hugo way. # Default: false # If set t' true, th' theme behaves like a standard Cap'n Hugo installat'n an' # appends no index.html t' prettyURLs. As a trade off, yer build project will # not be serv'ble from th' file system. disableExplicitIndexURLs = false #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # MathJax # These opt'ns configure how math formulae be displayed. # Initializat'n opt'ns fer MathJax. # Default: not set # A JSON value. See th' MathJaxdocumentat'n fer poss'ble parameter. # This can be overridden 'n th' page's frontmatter. mathJaxInitialize = \"{}\" # Only board MathJax if needed. # Default: true # If a Math shortcode be found, th' opt'n will be ignored an' # MathJax will be boarded regardlessly. Th' opt'n be still useful 'n case ye # be us'n script'n t' set up yer graph. In this case no shortcode or # codefence be involved an' th' library be not boarded by default. In this case # ye can set `disableMathJax=false` 'n yer frontmatter t' force th' library t' # be boarded. # This can be overridden 'n th' page's frontmatter. disableMathJax = true # URL fer external MathJax library. # Default: not set # Specifies th' remote locat'n o' th' MathJax library. By default th' shipped # version will be used. # This can be overridden 'n th' page's frontmatter. customMathJaxURL = \"\" # \"https://unpkg.com/mathjax/es5/tex-mml-chtml.js\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Merrrmaid # These opt'ns configure how Merrrmaid graphs be displayed. # Make graphs pan'ble an' zoom'ble # Default: false # For huge graphs it can be helpful t' make them zoom'ble. Zoom'ble graphs come # wit' a reset button fer th' zoom. # This can be overridden 'n th' page's frontmatter or given as a parameter t' # individual graphs. mermaidZoom = true # Initializat'n opt'ns fer Merrrmaid. # Default: not set # A JSON value. See th' Merrrmaid documentat'n fer poss'ble parameter. # This can be overridden 'n th' page's frontmatter. mermaidInitialize = \"{ \\\"securityLevel\\\": \\\"loose\\\" }\" # Only board Merrrmaid if needed. # Default: true # If a Merrrmaid shortcode or codefence be found, th' opt'n will be ignored an' # Merrrmaid will be boarded regardlessly. Th' opt'n be still useful 'n case ye # be us'n script'n t' set up yer graph. In this case no shortcode or # codefence be involved an' th' library be not boarded by default. In this case # ye can set `disableMermaid=false` 'n yer frontmatter t' force th' library t' # be boarded. # This can be overridden 'n th' page's frontmatter. disableMermaid = true # URL fer external Merrrmaid library. # Default: not set # Specifies th' remote locat'n o' th' Merrrmaid library. By default th' shipped # version will be used. # This can be overridden 'n th' page's frontmatter. customMermaidURL = \"\" # \"https://unpkg.com/mermaid/dist/mermaid.min.js\" #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # OpenApi # These opt'ns configure how OpenAPI specificat'ns be displayed. # Only board OpenAPI if needed. # Default: true # If a OpenAPI shortcode be found, th' opt'n will be ignored an' # OpenAPI will be boarded regardlessly. Th' opt'n be still useful 'n case ye # be us'n script'n t' set up yer graph. In this case no shortcode or # codefence be involved an' th' library be not boarded by default. In this case # ye can set `disableOpenapi=false` 'n yer frontmatter t' force th' library t' # be boarded. # This can be overridden 'n th' page's frontmatter. disableOpenapi = true # URL fer external OpenAPI library. # Default: not set # Specifies th' remote locat'n o' th' OpenAPI library. By default th' shipped # version will be used. # This can be overridden 'n th' page's frontmatter. customOpenapiURL = \"\" # \"https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js\" ",
     "description": "",
     "tags": [
       "config"
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index 32e2cec068..3b78b8b0ab 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -287,12 +288,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -452,13 +453,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index 156a196aba..beb042ae9b 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -159,8 +160,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index ec0d34146f..5952a79b54 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../js/url.js?1701476214"></script>
-    <script src="../js/variant.js?1701476214"></script>
+    <link href="../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../js/url.js?1701613410"></script>
+    <script src="../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -200,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701476214" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../js/search.js?1701476214" defer></script>
+        <script src="../js/auto-complete.js?1701613410" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -365,13 +366,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1701476214"></script>
+          <script async src="../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../js/theme.js?1701476214" defer></script>
+    <script src="../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index dd8b9894fe..0dc2d3b27e 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -50,6 +50,7 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -498,12 +499,12 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -663,13 +664,13 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 0ce4356a76..645570a520 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,6 +51,7 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -355,8 +356,8 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index 6fef3e306b..53ab52efa1 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,6 +54,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -434,12 +435,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?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -599,13 +600,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?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index 1d32ef8e06..da86f14e06 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,6 +55,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -298,8 +299,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?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index cc33fe20b7..f81d38e154 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,6 +54,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -421,12 +422,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?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -586,13 +587,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?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index b0838cf476..c5ff1d8b93 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,6 +55,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -284,8 +285,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?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" 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 12fb23e969..466e958801 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1701476212"></script>
-    <script src="../../../../../../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -236,12 +237,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../../../../../../../js/search.js?1701476214" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../../../../../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -405,13 +406,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../../../../../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1701613410" 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 f8c4ed4311..5d848cd8e5 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1701476214"></script>
-    <script src="../../../../../../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1701613410"></script>
+    <script src="../../../../../../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -116,8 +117,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1701613410" 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 9c28573a8a..74151a649d 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1701476212"></script>
-    <script src="../../../../../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -246,12 +247,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../../../../../../js/search.js?1701476214" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../../../../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -415,13 +416,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../../../js/theme.js?1701613410" 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 3b58ab9c1c..12f63171ca 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1701476214"></script>
-    <script src="../../../../../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1701613410"></script>
+    <script src="../../../../../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -143,8 +144,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../../../js/theme.js?1701613410" 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 feb4be1ad6..8f90a3c7ad 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701476212"></script>
-    <script src="../../../../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -245,12 +246,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../../../../../js/search.js?1701476213" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../../../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -412,13 +413,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../../js/theme.js?1701613410" 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 bfa96951c7..1df0ec1301 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701476214"></script>
-    <script src="../../../../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701613410"></script>
+    <script src="../../../../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -123,8 +124,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../../js/theme.js?1701613410" 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 e8647cd7c5..a8ef64ac99 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701476212"></script>
-    <script src="../../../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -244,12 +245,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../../../../js/search.js?1701476214" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -411,13 +412,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../js/theme.js?1701613410" 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 7ef0b070cc..77a8d34678 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701476214"></script>
-    <script src="../../../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701613410"></script>
+    <script src="../../../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -150,8 +151,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../js/theme.js?1701613410" 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 42bf60a9da..3a82685421 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701476212"></script>
-    <script src="../../../../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -235,12 +236,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../../../../../js/search.js?1701476214" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../../../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -400,13 +401,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../../js/theme.js?1701613410" 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 7da71e1999..ce560758b8 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701476214"></script>
-    <script src="../../../../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701613410"></script>
+    <script src="../../../../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -115,8 +116,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../../js/theme.js?1701613410" 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 e63d6e1fd9..1290b2f6d9 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701476212"></script>
-    <script src="../../../../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -235,12 +236,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../../../../../js/search.js?1701476214" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../../../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -400,13 +401,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../../js/theme.js?1701613410" 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 67084e871e..31971c60f0 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701476214"></script>
-    <script src="../../../../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701613410"></script>
+    <script src="../../../../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -115,8 +116,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../../js/theme.js?1701613410" 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 378308af91..52e820cf49 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701476212"></script>
-    <script src="../../../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -234,12 +235,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../../../../js/search.js?1701476214" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -399,13 +400,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../js/theme.js?1701613410" 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 dcba1c0d0d..31b40fdf2d 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701476214"></script>
-    <script src="../../../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701613410"></script>
+    <script src="../../../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -114,8 +115,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../../js/theme.js?1701613410" 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 364cddb1d9..bfcc45518d 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701476212"></script>
-    <script src="../../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -246,12 +247,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../../../js/search.js?1701476213" defer></script>
+        <script src="../../../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -411,13 +412,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../js/theme.js?1701613410" 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 1000d7e6c8..401610036f 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701476214"></script>
-    <script src="../../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701613410"></script>
+    <script src="../../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -201,8 +202,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 33b2f7f971..333090a012 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476212"></script>
-    <script src="../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613408"></script>
+    <script src="../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -243,12 +244,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../../js/search.js?1701476213" defer></script>
+        <script src="../../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -408,13 +409,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../js/theme.js?1701613410" 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 03742cfbb6..9f4cd6dc90 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476214"></script>
-    <script src="../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613410"></script>
+    <script src="../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -228,8 +229,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index ea88613599..d25f18b6c9 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476212"></script>
-    <script src="../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613408"></script>
+    <script src="../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -233,12 +234,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../../js/search.js?1701476214" defer></script>
+        <script src="../../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -398,13 +399,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../js/theme.js?1701613410" 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 fffd1ac563..9c83f6d80b 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476214"></script>
-    <script src="../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613410"></script>
+    <script src="../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -113,8 +114,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index 5cc9d6932c..1e78b5f70a 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476212"></script>
-    <script src="../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613408"></script>
+    <script src="../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -243,12 +244,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../../js/search.js?1701476214" defer></script>
+        <script src="../../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -408,13 +409,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../js/theme.js?1701613410" 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 309dead39e..fd31f2c486 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476214"></script>
-    <script src="../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613410"></script>
+    <script src="../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -140,8 +141,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../js/theme.js?1701613410" 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 cabd7526ca..1f19381d22 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701476212"></script>
-    <script src="../../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -234,12 +235,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1701476212" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../../../js/search.js?1701476212" defer></script>
+        <script src="../../../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -399,13 +400,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1701476212"></script>
+          <script async src="../../../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../../../js/theme.js?1701613409" 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 85a62f9e43..3143e54156 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701476214"></script>
-    <script src="../../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701613410"></script>
+    <script src="../../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -114,8 +115,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index 9a320b5584..b65a870c4d 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476212"></script>
-    <script src="../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613408"></script>
+    <script src="../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -231,12 +232,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../../js/search.js?1701476214" defer></script>
+        <script src="../../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -397,13 +398,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../js/theme.js?1701613410" 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 43d10eaab7..8cbe6a4930 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476214"></script>
-    <script src="../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613410"></script>
+    <script src="../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -111,8 +112,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 58d87726ab..66c4a086c4 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -430,12 +431,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -595,13 +596,13 @@ So its rrrambl'n be used as descript'n.</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index e3c9e7da44..3c5e80f9d7 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -515,8 +516,8 @@ So its rrrambl'n be used as descript'n.</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index da0b7feeaf..7c1370ab48 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476212"></script>
-    <script src="../../../../js/variant.js?1701476212"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613408"></script>
+    <script src="../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,6 +51,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -235,12 +236,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1701476212" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../../js/search.js?1701476212" defer></script>
+        <script src="../../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -400,13 +401,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1701476212"></script>
+          <script async src="../../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index e67a87ad58..04a8f12133 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476214"></script>
-    <script src="../../../../js/variant.js?1701476214"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613410"></script>
+    <script src="../../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,6 +52,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -115,8 +116,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index abb482f59f..af50bb11aa 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -64,6 +64,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -170,13 +171,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-e34413ee1c7558075a794c5151a11f39" aria-controls="R-expandcontent-e34413ee1c7558075a794c5151a11f39" >
-    <label class="expand-label" for="R-expand-e34413ee1c7558075a794c5151a11f39" >
+    <input type="checkbox" id="R-expand-de749ba399159d0a4e8a9ade7b31b2aa" aria-controls="R-expandcontent-de749ba399159d0a4e8a9ade7b31b2aa" >
+    <label class="expand-label" for="R-expand-de749ba399159d0a4e8a9ade7b31b2aa" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-e34413ee1c7558075a794c5151a11f39" class="expand-content">
+    <div id="R-expandcontent-de749ba399159d0a4e8a9ade7b31b2aa" 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>
@@ -294,26 +295,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-afc8465655c5c8f223a61548e87f5e82" aria-controls="R-expandcontent-afc8465655c5c8f223a61548e87f5e82" >
-    <label class="expand-label" for="R-expand-afc8465655c5c8f223a61548e87f5e82" >
+    <input type="checkbox" id="R-expand-ff16beaf06f5f772c86d58bf7a77c426" aria-controls="R-expandcontent-ff16beaf06f5f772c86d58bf7a77c426" >
+    <label class="expand-label" for="R-expand-ff16beaf06f5f772c86d58bf7a77c426" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-afc8465655c5c8f223a61548e87f5e82" class="expand-content">
+    <div id="R-expandcontent-ff16beaf06f5f772c86d58bf7a77c426" 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-6cd3cda6f0f31efa8e62bcfee8486634" aria-controls="R-expandcontent-6cd3cda6f0f31efa8e62bcfee8486634"  checked>
-    <label class="expand-label" for="R-expand-6cd3cda6f0f31efa8e62bcfee8486634" >
+    <input type="checkbox" id="R-expand-5b5daa3499e579019a46d4b45e48dc02" aria-controls="R-expandcontent-5b5daa3499e579019a46d4b45e48dc02"  checked>
+    <label class="expand-label" for="R-expand-5b5daa3499e579019a46d4b45e48dc02" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-6cd3cda6f0f31efa8e62bcfee8486634" class="expand-content">
+    <div id="R-expandcontent-5b5daa3499e579019a46d4b45e48dc02" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -334,13 +335,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-bb9d39c444d43f6cbdc7262b0921a580" aria-controls="R-expandcontent-bb9d39c444d43f6cbdc7262b0921a580" >
-    <label class="expand-label" for="R-expand-bb9d39c444d43f6cbdc7262b0921a580" >
+    <input type="checkbox" id="R-expand-42c4afd5c93327bd056c22fcc3757d43" aria-controls="R-expandcontent-42c4afd5c93327bd056c22fcc3757d43" >
+    <label class="expand-label" for="R-expand-42c4afd5c93327bd056c22fcc3757d43" >
         <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-bb9d39c444d43f6cbdc7262b0921a580" class="expand-content">
+    <div id="R-expandcontent-42c4afd5c93327bd056c22fcc3757d43" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -445,12 +446,12 @@ No need t' press ye!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -610,13 +611,13 @@ No need t' press ye!</div>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index 54d26eca8a..b0e76c4901 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -65,6 +65,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -115,13 +116,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-e34413ee1c7558075a794c5151a11f39" aria-controls="R-expandcontent-e34413ee1c7558075a794c5151a11f39" >
-    <label class="expand-label" for="R-expand-e34413ee1c7558075a794c5151a11f39" >
+    <input type="checkbox" id="R-expand-de749ba399159d0a4e8a9ade7b31b2aa" aria-controls="R-expandcontent-de749ba399159d0a4e8a9ade7b31b2aa" >
+    <label class="expand-label" for="R-expand-de749ba399159d0a4e8a9ade7b31b2aa" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-e34413ee1c7558075a794c5151a11f39" class="expand-content">
+    <div id="R-expandcontent-de749ba399159d0a4e8a9ade7b31b2aa" 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>
@@ -239,26 +240,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-afc8465655c5c8f223a61548e87f5e82" aria-controls="R-expandcontent-afc8465655c5c8f223a61548e87f5e82" >
-    <label class="expand-label" for="R-expand-afc8465655c5c8f223a61548e87f5e82" >
+    <input type="checkbox" id="R-expand-ff16beaf06f5f772c86d58bf7a77c426" aria-controls="R-expandcontent-ff16beaf06f5f772c86d58bf7a77c426" >
+    <label class="expand-label" for="R-expand-ff16beaf06f5f772c86d58bf7a77c426" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-afc8465655c5c8f223a61548e87f5e82" class="expand-content">
+    <div id="R-expandcontent-ff16beaf06f5f772c86d58bf7a77c426" 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-6cd3cda6f0f31efa8e62bcfee8486634" aria-controls="R-expandcontent-6cd3cda6f0f31efa8e62bcfee8486634"  checked>
-    <label class="expand-label" for="R-expand-6cd3cda6f0f31efa8e62bcfee8486634" >
+    <input type="checkbox" id="R-expand-5b5daa3499e579019a46d4b45e48dc02" aria-controls="R-expandcontent-5b5daa3499e579019a46d4b45e48dc02"  checked>
+    <label class="expand-label" for="R-expand-5b5daa3499e579019a46d4b45e48dc02" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-6cd3cda6f0f31efa8e62bcfee8486634" class="expand-content">
+    <div id="R-expandcontent-5b5daa3499e579019a46d4b45e48dc02" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -279,13 +280,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-bb9d39c444d43f6cbdc7262b0921a580" aria-controls="R-expandcontent-bb9d39c444d43f6cbdc7262b0921a580" >
-    <label class="expand-label" for="R-expand-bb9d39c444d43f6cbdc7262b0921a580" >
+    <input type="checkbox" id="R-expand-42c4afd5c93327bd056c22fcc3757d43" aria-controls="R-expandcontent-42c4afd5c93327bd056c22fcc3757d43" >
+    <label class="expand-label" for="R-expand-42c4afd5c93327bd056c22fcc3757d43" >
         <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-bb9d39c444d43f6cbdc7262b0921a580" class="expand-content">
+    <div id="R-expandcontent-42c4afd5c93327bd056c22fcc3757d43" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -309,8 +310,8 @@ No need t' press ye!</div>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.html b/pir/shortcodes/highlight/index.html
index 6076f91ea7..1953ff9d91 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -168,13 +169,13 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="17172200e8d709b5e7911ac8d229c480">
+<div class="tab-panel" data-tab-group="045c9aa18fdbcbd53caf893d769a9f7c">
   <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('17172200e8d709b5e7911ac8d229c480','python')"
+      onclick="switchTab('045c9aa18fdbcbd53caf893d769a9f7c','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -386,13 +387,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="17d3a20fb450308a0baa98820edec5ab">
+<div class="tab-panel" data-tab-group="b23121919d48dfe4a5e4feaa829ecf28">
   <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('17d3a20fb450308a0baa98820edec5ab','python')"
+      onclick="switchTab('b23121919d48dfe4a5e4feaa829ecf28','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -513,12 +514,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -678,13 +679,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.print.html b/pir/shortcodes/highlight/index.print.html
index 9a4e5394c2..e3f70ff532 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -106,13 +107,13 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="17172200e8d709b5e7911ac8d229c480">
+<div class="tab-panel" data-tab-group="045c9aa18fdbcbd53caf893d769a9f7c">
   <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('17172200e8d709b5e7911ac8d229c480','python')"
+      onclick="switchTab('045c9aa18fdbcbd53caf893d769a9f7c','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -324,13 +325,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="17d3a20fb450308a0baa98820edec5ab">
+<div class="tab-panel" data-tab-group="b23121919d48dfe4a5e4feaa829ecf28">
   <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('17d3a20fb450308a0baa98820edec5ab','python')"
+      onclick="switchTab('b23121919d48dfe4a5e4feaa829ecf28','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -370,8 +371,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index d930b526b7..b1fee1ab5b 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,6 +52,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parame
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -356,12 +357,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?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -521,13 +522,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?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index 27859e42ff..0c79d0c612 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,6 +53,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parame
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -219,8 +220,8 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parame
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index f5a0f0b1f6..ec9a9950e5 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,6 +52,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -346,12 +347,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?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -511,13 +512,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?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index 563d3eb22a..d98183951e 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,6 +53,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -212,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?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index 31bb3e7524..eb61ea3ce7 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../js/url.js?1701476212"></script>
-    <script src="../../js/variant.js?1701476212"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -247,12 +248,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../js/search.js?1701476213" defer></script>
+        <script src="../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -412,13 +413,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../js/theme.js?1701476213" defer></script>
+    <script src="../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index e6bdbdfe18..0c4ff92201 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../js/url.js?1701476214"></script>
-    <script src="../../js/variant.js?1701476214"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../js/url.js?1701613410"></script>
+    <script src="../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -1202,13 +1203,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-e34413ee1c7558075a794c5151a11f39" aria-controls="R-expandcontent-e34413ee1c7558075a794c5151a11f39" >
-    <label class="expand-label" for="R-expand-e34413ee1c7558075a794c5151a11f39" >
+    <input type="checkbox" id="R-expand-de749ba399159d0a4e8a9ade7b31b2aa" aria-controls="R-expandcontent-de749ba399159d0a4e8a9ade7b31b2aa" >
+    <label class="expand-label" for="R-expand-de749ba399159d0a4e8a9ade7b31b2aa" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-e34413ee1c7558075a794c5151a11f39" class="expand-content">
+    <div id="R-expandcontent-de749ba399159d0a4e8a9ade7b31b2aa" 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>
@@ -1326,26 +1327,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-afc8465655c5c8f223a61548e87f5e82" aria-controls="R-expandcontent-afc8465655c5c8f223a61548e87f5e82" >
-    <label class="expand-label" for="R-expand-afc8465655c5c8f223a61548e87f5e82" >
+    <input type="checkbox" id="R-expand-ff16beaf06f5f772c86d58bf7a77c426" aria-controls="R-expandcontent-ff16beaf06f5f772c86d58bf7a77c426" >
+    <label class="expand-label" for="R-expand-ff16beaf06f5f772c86d58bf7a77c426" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-afc8465655c5c8f223a61548e87f5e82" class="expand-content">
+    <div id="R-expandcontent-ff16beaf06f5f772c86d58bf7a77c426" 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-6cd3cda6f0f31efa8e62bcfee8486634" aria-controls="R-expandcontent-6cd3cda6f0f31efa8e62bcfee8486634"  checked>
-    <label class="expand-label" for="R-expand-6cd3cda6f0f31efa8e62bcfee8486634" >
+    <input type="checkbox" id="R-expand-5b5daa3499e579019a46d4b45e48dc02" aria-controls="R-expandcontent-5b5daa3499e579019a46d4b45e48dc02"  checked>
+    <label class="expand-label" for="R-expand-5b5daa3499e579019a46d4b45e48dc02" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-6cd3cda6f0f31efa8e62bcfee8486634" class="expand-content">
+    <div id="R-expandcontent-5b5daa3499e579019a46d4b45e48dc02" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -1366,13 +1367,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-bb9d39c444d43f6cbdc7262b0921a580" aria-controls="R-expandcontent-bb9d39c444d43f6cbdc7262b0921a580" >
-    <label class="expand-label" for="R-expand-bb9d39c444d43f6cbdc7262b0921a580" >
+    <input type="checkbox" id="R-expand-42c4afd5c93327bd056c22fcc3757d43" aria-controls="R-expandcontent-42c4afd5c93327bd056c22fcc3757d43" >
+    <label class="expand-label" for="R-expand-42c4afd5c93327bd056c22fcc3757d43" >
         <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-bb9d39c444d43f6cbdc7262b0921a580" class="expand-content">
+    <div id="R-expandcontent-42c4afd5c93327bd056c22fcc3757d43" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -1409,13 +1410,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="17172200e8d709b5e7911ac8d229c480">
+<div class="tab-panel" data-tab-group="045c9aa18fdbcbd53caf893d769a9f7c">
   <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('17172200e8d709b5e7911ac8d229c480','python')"
+      onclick="switchTab('045c9aa18fdbcbd53caf893d769a9f7c','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -1627,13 +1628,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="17d3a20fb450308a0baa98820edec5ab">
+<div class="tab-panel" data-tab-group="b23121919d48dfe4a5e4feaa829ecf28">
   <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('17d3a20fb450308a0baa98820edec5ab','python')"
+      onclick="switchTab('b23121919d48dfe4a5e4feaa829ecf28','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -3109,7 +3110,7 @@ xychart-beta
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-de3af1298a95d1cfd6da01c1702e133f"
+    id="R-openapi-febb17a186a801b03c97c0a2042ea2ca"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3207,13 +3208,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="5e0cba1feb969da72f4e2cae3992400b">
+<div class="tab-panel" data-tab-group="bdb699e4acd0e13d01487bf7f853cf65">
   <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('5e0cba1feb969da72f4e2cae3992400b','hugotoml')"
+      onclick="switchTab('bdb699e4acd0e13d01487bf7f853cf65','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -3247,13 +3248,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="f30ba0468af784c1a4244b890fc8cb28">
+<div class="tab-panel" data-tab-group="0745660caad7339c1b15a21a60fd034f">
   <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('f30ba0468af784c1a4244b890fc8cb28','c')"
+      onclick="switchTab('0745660caad7339c1b15a21a60fd034f','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3358,13 +3359,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="34dc2cea58dda6490e47cfaca7b5951f">
+<div class="tab-panel" data-tab-group="19c46a6aa322ed4e61f0a5100c73fd68">
   <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('34dc2cea58dda6490e47cfaca7b5951f','code')"
+      onclick="switchTab('19c46a6aa322ed4e61f0a5100c73fd68','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -3386,13 +3387,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="36f3a54dac463e3d6def93ca7518cf24">
+<div class="tab-panel" data-tab-group="8b0b80496340b2e12f6128ac89ab168a">
   <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('36f3a54dac463e3d6def93ca7518cf24','mixed')"
+      onclick="switchTab('8b0b80496340b2e12f6128ac89ab168a','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -3437,41 +3438,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="b1f4dfd459d425a84b92a8302dc61759">
+<div class="tab-panel" data-tab-group="126fe84f57302fc119209560f0c373d0">
   <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('b1f4dfd459d425a84b92a8302dc61759','just-colored-style')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','just-color')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','default-style-and-color')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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>
@@ -3540,27 +3541,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="6d66b280e6b783e378ad17454c50d8a6">
+<div class="tab-panel" data-tab-group="0c701cbdc16334160b5806e4b1a779af">
   <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('6d66b280e6b783e378ad17454c50d8a6','py')"
+      onclick="switchTab('0c701cbdc16334160b5806e4b1a779af','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('6d66b280e6b783e378ad17454c50d8a6','sh')"
+      onclick="switchTab('0c701cbdc16334160b5806e4b1a779af','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('6d66b280e6b783e378ad17454c50d8a6','c')"
+      onclick="switchTab('0c701cbdc16334160b5806e4b1a779af','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3708,27 +3709,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="e3136d24ff8b8dbf0c7bdfd8c0cba97a">
+<div class="tab-panel" data-tab-group="a7fd2201c9ed0599d75cdd0828b9a459">
   <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('e3136d24ff8b8dbf0c7bdfd8c0cba97a','group-a-tab-view-1')"
+      onclick="switchTab('a7fd2201c9ed0599d75cdd0828b9a459','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('e3136d24ff8b8dbf0c7bdfd8c0cba97a','group-a-tab-view-2')"
+      onclick="switchTab('a7fd2201c9ed0599d75cdd0828b9a459','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('e3136d24ff8b8dbf0c7bdfd8c0cba97a','group-b')"
+      onclick="switchTab('a7fd2201c9ed0599d75cdd0828b9a459','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -4085,8 +4086,8 @@ xychart-beta
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476214" defer></script>
+    <script src="../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613410" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4115,27 +4116,27 @@ xychart-beta
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1701476214"></script>
-    <script src="../../js/d3/d3-color.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1701476214" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1701476214" defer></script>
-    <script src="../../js/js-yaml.min.js?1701476214" defer></script>
-    <script src="../../js/mermaid.min.js?1701476214" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1701613410"></script>
+    <script src="../../js/d3/d3-color.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1701613410" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1701613410" defer></script>
+    <script src="../../js/js-yaml.min.js?1701613410" defer></script>
+    <script src="../../js/mermaid.min.js?1701613410" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1701476214" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1701476214" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1701613410" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1701613410" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701476214", assetsBuster:  1701476214  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701613410", assetsBuster:  1701613410  };
     </script>
-    <script src="../../js/theme.js?1701476214" defer></script>
+    <script src="../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index b3f4c0fd2d..8d685cc5ec 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,6 +54,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -392,12 +393,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -557,13 +558,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -592,7 +593,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1701476212"></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1701613409"></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index acea844208..ba80399415 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,6 +55,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -249,8 +250,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -279,7 +280,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?1701476214"></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1701613410"></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index c15985587e..065f2e6cee 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,6 +54,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -876,12 +877,12 @@ xychart-beta
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476213" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476213" defer></script>
-        <script src="../../../js/search.js?1701476213" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1041,27 +1042,27 @@ xychart-beta
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476213"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476213" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1701476213" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1701476213" defer></script>
-    <script src="../../../js/js-yaml.min.js?1701476213" defer></script>
-    <script src="../../../js/mermaid.min.js?1701476213" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1701613409" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1701613409" defer></script>
+    <script src="../../../js/js-yaml.min.js?1701613409" defer></script>
+    <script src="../../../js/mermaid.min.js?1701613409" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1701476213" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index da2c2d0715..bcf2ce6862 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,6 +55,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -721,22 +722,22 @@ xychart-beta
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1701476214" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1701476214" defer></script>
-    <script src="../../../js/js-yaml.min.js?1701476214" defer></script>
-    <script src="../../../js/mermaid.min.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1701613410" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1701613410" defer></script>
+    <script src="../../../js/js-yaml.min.js?1701613410" defer></script>
+    <script src="../../../js/mermaid.min.js?1701613410" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 88a5e918ff..3d169db218 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,6 +54,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -579,12 +580,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?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -744,13 +745,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?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index e59eac2ead..6f60e343cb 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,6 +55,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -441,8 +442,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?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.html b/pir/shortcodes/openapi/index.html
index 70b6f0edfc..bdd27b0d5a 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -230,7 +231,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-de3af1298a95d1cfd6da01c1702e133f"
+    id="R-openapi-febb17a186a801b03c97c0a2042ea2ca"
     data-openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -324,12 +325,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -489,19 +490,19 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1701476214" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1701476214" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1701613410" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1701613410" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701476214", assetsBuster:  1701476214  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701613410", assetsBuster:  1701613410  };
     </script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.print.html b/pir/shortcodes/openapi/index.print.html
index 9a7cf1bc4b..23a6e0e79f 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -177,7 +178,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-de3af1298a95d1cfd6da01c1702e133f"
+    id="R-openapi-febb17a186a801b03c97c0a2042ea2ca"
     data-openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -190,14 +191,14 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1701476214" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1701476214" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1701613410" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1701613410" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701476214", assetsBuster:  1701476214  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701613410", assetsBuster:  1701613410  };
     </script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 6e5768640e..5633aba9fa 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,6 +52,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -236,13 +237,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="5e0cba1feb969da72f4e2cae3992400b">
+<div class="tab-panel" data-tab-group="bdb699e4acd0e13d01487bf7f853cf65">
   <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('5e0cba1feb969da72f4e2cae3992400b','hugotoml')"
+      onclick="switchTab('bdb699e4acd0e13d01487bf7f853cf65','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -350,12 +351,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?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -515,13 +516,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?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index 9dbe6d67fa..0a68137e79 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,6 +53,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -182,13 +183,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="5e0cba1feb969da72f4e2cae3992400b">
+<div class="tab-panel" data-tab-group="bdb699e4acd0e13d01487bf7f853cf65">
   <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('5e0cba1feb969da72f4e2cae3992400b','hugotoml')"
+      onclick="switchTab('bdb699e4acd0e13d01487bf7f853cf65','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -215,8 +216,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?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.html b/pir/shortcodes/tab/index.html
index 968d4e46e9..8bb047e1a7 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,6 +54,7 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -161,13 +162,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="f30ba0468af784c1a4244b890fc8cb28">
+<div class="tab-panel" data-tab-group="0745660caad7339c1b15a21a60fd034f">
   <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('f30ba0468af784c1a4244b890fc8cb28','c')"
+      onclick="switchTab('0745660caad7339c1b15a21a60fd034f','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -272,13 +273,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="34dc2cea58dda6490e47cfaca7b5951f">
+<div class="tab-panel" data-tab-group="19c46a6aa322ed4e61f0a5100c73fd68">
   <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('34dc2cea58dda6490e47cfaca7b5951f','code')"
+      onclick="switchTab('19c46a6aa322ed4e61f0a5100c73fd68','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -300,13 +301,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="36f3a54dac463e3d6def93ca7518cf24">
+<div class="tab-panel" data-tab-group="8b0b80496340b2e12f6128ac89ab168a">
   <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('36f3a54dac463e3d6def93ca7518cf24','mixed')"
+      onclick="switchTab('8b0b80496340b2e12f6128ac89ab168a','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -351,41 +352,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="b1f4dfd459d425a84b92a8302dc61759">
+<div class="tab-panel" data-tab-group="126fe84f57302fc119209560f0c373d0">
   <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('b1f4dfd459d425a84b92a8302dc61759','just-colored-style')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','just-color')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','default-style-and-color')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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>
@@ -528,12 +529,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?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -693,13 +694,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?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.print.html b/pir/shortcodes/tab/index.print.html
index 7d3d913100..b146b83597 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,6 +55,7 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -106,13 +107,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="f30ba0468af784c1a4244b890fc8cb28">
+<div class="tab-panel" data-tab-group="0745660caad7339c1b15a21a60fd034f">
   <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('f30ba0468af784c1a4244b890fc8cb28','c')"
+      onclick="switchTab('0745660caad7339c1b15a21a60fd034f','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -217,13 +218,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="34dc2cea58dda6490e47cfaca7b5951f">
+<div class="tab-panel" data-tab-group="19c46a6aa322ed4e61f0a5100c73fd68">
   <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('34dc2cea58dda6490e47cfaca7b5951f','code')"
+      onclick="switchTab('19c46a6aa322ed4e61f0a5100c73fd68','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -245,13 +246,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="36f3a54dac463e3d6def93ca7518cf24">
+<div class="tab-panel" data-tab-group="8b0b80496340b2e12f6128ac89ab168a">
   <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('36f3a54dac463e3d6def93ca7518cf24','mixed')"
+      onclick="switchTab('8b0b80496340b2e12f6128ac89ab168a','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -296,41 +297,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="b1f4dfd459d425a84b92a8302dc61759">
+<div class="tab-panel" data-tab-group="126fe84f57302fc119209560f0c373d0">
   <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('b1f4dfd459d425a84b92a8302dc61759','just-colored-style')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','just-color')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','default-style-and-color')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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('b1f4dfd459d425a84b92a8302dc61759','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('126fe84f57302fc119209560f0c373d0','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>
@@ -392,8 +393,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?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 5add66e294..5388a71303 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,6 +54,7 @@ hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -160,27 +161,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="6d66b280e6b783e378ad17454c50d8a6">
+<div class="tab-panel" data-tab-group="0c701cbdc16334160b5806e4b1a779af">
   <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('6d66b280e6b783e378ad17454c50d8a6','py')"
+      onclick="switchTab('0c701cbdc16334160b5806e4b1a779af','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('6d66b280e6b783e378ad17454c50d8a6','sh')"
+      onclick="switchTab('0c701cbdc16334160b5806e4b1a779af','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('6d66b280e6b783e378ad17454c50d8a6','c')"
+      onclick="switchTab('0c701cbdc16334160b5806e4b1a779af','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -328,27 +329,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="e3136d24ff8b8dbf0c7bdfd8c0cba97a">
+<div class="tab-panel" data-tab-group="a7fd2201c9ed0599d75cdd0828b9a459">
   <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('e3136d24ff8b8dbf0c7bdfd8c0cba97a','group-a-tab-view-1')"
+      onclick="switchTab('a7fd2201c9ed0599d75cdd0828b9a459','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('e3136d24ff8b8dbf0c7bdfd8c0cba97a','group-a-tab-view-2')"
+      onclick="switchTab('a7fd2201c9ed0599d75cdd0828b9a459','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('e3136d24ff8b8dbf0c7bdfd8c0cba97a','group-b')"
+      onclick="switchTab('a7fd2201c9ed0599d75cdd0828b9a459','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -785,12 +786,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?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="../../../js/search.js?1701476212" defer></script>
+        <script src="../../../js/auto-complete.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613409" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613409" defer></script>
+        <script src="../../../js/search.js?1701613409" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -950,13 +951,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?1701476212"></script>
+          <script async src="../../../js/github-buttons.js?1701613409"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613409" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613409" defer></script>
+    <script src="../../../js/theme.js?1701613409" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index 2f10b38bd4..4496703fa9 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../../js/url.js?1701476214"></script>
-    <script src="../../../js/variant.js?1701476214"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../../js/url.js?1701613410"></script>
+    <script src="../../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -55,6 +55,7 @@ hello. py sh c print(&#34;Hello World!&#34;) echo &#34;Hello World!&#34; printf(
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -106,27 +107,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="6d66b280e6b783e378ad17454c50d8a6">
+<div class="tab-panel" data-tab-group="0c701cbdc16334160b5806e4b1a779af">
   <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('6d66b280e6b783e378ad17454c50d8a6','py')"
+      onclick="switchTab('0c701cbdc16334160b5806e4b1a779af','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('6d66b280e6b783e378ad17454c50d8a6','sh')"
+      onclick="switchTab('0c701cbdc16334160b5806e4b1a779af','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('6d66b280e6b783e378ad17454c50d8a6','c')"
+      onclick="switchTab('0c701cbdc16334160b5806e4b1a779af','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -274,27 +275,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="e3136d24ff8b8dbf0c7bdfd8c0cba97a">
+<div class="tab-panel" data-tab-group="a7fd2201c9ed0599d75cdd0828b9a459">
   <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('e3136d24ff8b8dbf0c7bdfd8c0cba97a','group-a-tab-view-1')"
+      onclick="switchTab('a7fd2201c9ed0599d75cdd0828b9a459','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('e3136d24ff8b8dbf0c7bdfd8c0cba97a','group-a-tab-view-2')"
+      onclick="switchTab('a7fd2201c9ed0599d75cdd0828b9a459','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('e3136d24ff8b8dbf0c7bdfd8c0cba97a','group-b')"
+      onclick="switchTab('a7fd2201c9ed0599d75cdd0828b9a459','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -650,8 +651,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?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.html b/pir/showcase/index.html
index 532572e5a7..9c5f11242e 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../js/url.js?1701476212"></script>
-    <script src="../../js/variant.js?1701476212"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -243,12 +244,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../js/search.js?1701476214" defer></script>
+        <script src="../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -408,13 +409,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../js/theme.js?1701476214" defer></script>
+    <script src="../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.print.html b/pir/showcase/index.print.html
index eaca0311bb..fb9149b23d 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476214" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476214" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476214" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476214" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476214" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476214" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476214" rel="stylesheet">
-    <link href="../../css/print.css?1701476214" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476214" rel="stylesheet">
-    <link href="../../css/ie.css?1701476214" rel="stylesheet">
-    <script src="../../js/url.js?1701476214"></script>
-    <script src="../../js/variant.js?1701476214"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613410" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613410" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613410" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613410" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613410" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613410" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613410" rel="stylesheet">
+    <link href="../../css/print.css?1701613410" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613410" rel="stylesheet">
+    <link href="../../css/ie.css?1701613410" rel="stylesheet">
+    <script src="../../js/url.js?1701613410"></script>
+    <script src="../../js/variant.js?1701613410"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -115,8 +116,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../js/theme.js?1701476214" defer></script>
+    <script src="../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index d2e46e4fec..2552f040b7 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -231,12 +232,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -396,13 +397,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/tags/config/index.html b/pir/tags/config/index.html
index 3c7302368e..0f55280109 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -218,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/tags/content/index.html b/pir/tags/content/index.html
index 3eb670beb2..c4d53e808c 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -218,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index e3bfe35f98..c2d801c64d 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,6 +43,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -215,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -379,13 +380,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/tags/headless/index.html b/pir/tags/headless/index.html
index e234a64f71..518b6c8c92 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -209,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -374,13 +375,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 5e4e73605e..de9554d3e8 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../js/url.js?1701476212"></script>
-    <script src="../../js/variant.js?1701476212"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -250,12 +251,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../js/search.js?1701476214" defer></script>
+        <script src="../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -415,13 +416,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../js/theme.js?1701476214" defer></script>
+    <script src="../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/tags/its-hidden/index.html b/pir/tags/its-hidden/index.html
index 9e76d2287c..66002df0d5 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -235,12 +236,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -400,13 +401,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index f800ff14c4..39fb570c8b 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -225,12 +226,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -390,13 +391,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index 3552873cc9..c24795e4ef 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?1701476212" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613408" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476212" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476212" rel="stylesheet">
-    <link href="../../../css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476212" rel="stylesheet">
-    <script src="../../../js/url.js?1701476212"></script>
-    <script src="../../../js/variant.js?1701476212"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,6 +43,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy t' clipboard`;
@@ -215,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476214" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476214" defer></script>
-        <script src="../../../js/search.js?1701476214" defer></script>
+        <script src="../../../js/auto-complete.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613410" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613410" defer></script>
+        <script src="../../../js/search.js?1701613410" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -379,13 +380,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476214"></script>
+          <script async src="../../../js/github-buttons.js?1701613410"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476214" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476214" defer></script>
-    <script src="../../../js/theme.js?1701476214" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613410" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613410" defer></script>
+    <script src="../../../js/theme.js?1701613410" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index d3fcf88510..ce2fe7839c 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701476212" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1701476212" rel="stylesheet">
-    <link href="./css/auto-complete.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701476212" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1701476212" rel="stylesheet">
-    <link href="./css/fonts.css?1701476212" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701476212" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1701476212" rel="stylesheet">
-    <link href="./css/theme-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-style">
-    <link href="./css/chroma-relearn-auto.css?1701476212" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="./css/variant.css?1701476212" rel="stylesheet">
-    <link href="./css/print.css?1701476212" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1701476212" rel="stylesheet">
-    <script src="./js/url.js?1701476212"></script>
-    <script src="./js/variant.js?1701476212"></script>
+    <link href="./css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="./css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="./css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1701613408" rel="stylesheet">
+    <link href="./css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="./css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="./css/variant.css?1701613408" rel="stylesheet">
+    <link href="./css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1701613408" rel="stylesheet">
+    <script src="./js/url.js?1701613408"></script>
+    <script src="./js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -200,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1701476212" defer></script>
-        <script src="./js/lunr/lunr.min.js?1701476212" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1701476212" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1701476212" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1701476212" defer></script>
-        <script src="./js/search.js?1701476212" defer></script>
+        <script src="./js/auto-complete.js?1701613408" defer></script>
+        <script src="./js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="./js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -365,13 +366,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1701476212"></script>
+          <script async src="./js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1701476212" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="./js/theme.js?1701476212" defer></script>
+    <script src="./js/clipboard.min.js?1701613408" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="./js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 7235f8f308..e84525aeb2 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -487,12 +488,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -652,13 +653,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index ac39575474..dd3c87cd4c 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -344,8 +345,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index a92339e59e..fccc71afe8 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -426,12 +427,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -591,13 +592,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index 189f6681c3..88e647181b 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -290,8 +291,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index 906ad8f50e..f55aefa686 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -413,12 +414,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -578,13 +579,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index 2b37a4ba2f..a00653e0bd 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -276,8 +277,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" 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 5d5b5ea8b9..1aa5a90f41 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1701613407"></script>
+    <script src="../../../../../../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -234,12 +235,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../../../../../../js/search.js?1701476211" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../../../../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -403,13 +404,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../../../../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../../../../js/theme.js?1701613408" 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 3faf653326..c08ba191ef 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -114,8 +115,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../../../../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../../../../js/theme.js?1701613408" 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 0248398e5f..e82a860ee4 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701613407"></script>
+    <script src="../../../../../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -244,12 +245,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../../../../../js/search.js?1701476211" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../../../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -413,13 +414,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../../../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../../../js/theme.js?1701613408" 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 e53a13156c..9ece039f0d 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -139,8 +140,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../../../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../../../js/theme.js?1701613408" 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 d4bd5f537c..9a4cd54f91 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701613407"></script>
+    <script src="../../../../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -243,12 +244,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../../../../js/search.js?1701476211" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -410,13 +411,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../../js/theme.js?1701613408" 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 c3df4a412a..609a6209cd 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -121,8 +122,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../../js/theme.js?1701613408" 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 84dfdf6dbf..768f8bced9 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701613407"></script>
+    <script src="../../../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -242,12 +243,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../../../js/search.js?1701476211" defer></script>
+        <script src="../../../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -409,13 +410,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../js/theme.js?1701613408" 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 6df79a9c5f..26857343c6 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -146,8 +147,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../js/theme.js?1701613408" 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 9d5d3f37b4..2c7d9bc9cb 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701613407"></script>
+    <script src="../../../../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -233,12 +234,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../../../../js/search.js?1701476211" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -398,13 +399,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../../js/theme.js?1701613408" 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 1099b53d03..8985976006 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -113,8 +114,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../../js/theme.js?1701613408" 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 427d867c3a..a1537fe519 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701613407"></script>
+    <script src="../../../../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -233,12 +234,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../../../../js/search.js?1701476211" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -398,13 +399,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../../js/theme.js?1701613408" 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 09d79b25f6..f577e58ec1 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -113,8 +114,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../../js/theme.js?1701613408" 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 b3b479cb27..aa67621eab 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701613407"></script>
+    <script src="../../../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -232,12 +233,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../../../js/search.js?1701476211" defer></script>
+        <script src="../../../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -397,13 +398,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../js/theme.js?1701613408" 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 312f520538..87ac8ab27e 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../../js/url.js?1701476211"></script>
-    <script src="../../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../../js/url.js?1701613408"></script>
+    <script src="../../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -112,8 +113,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../../js/theme.js?1701613408" 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 8287d1c6ce..d8614c11f1 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476211"></script>
-    <script src="../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613407"></script>
+    <script src="../../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -244,12 +245,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../../js/search.js?1701476211" defer></script>
+        <script src="../../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -409,13 +410,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../js/theme.js?1701613408" 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 18821b8dfa..33fe93efbe 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476211"></script>
-    <script src="../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613408"></script>
+    <script src="../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -193,8 +194,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index 2780e32111..e54dba05f8 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../js/url.js?1701476211"></script>
-    <script src="../../../js/variant.js?1701476211"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../js/url.js?1701613407"></script>
+    <script src="../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -241,12 +242,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../js/search.js?1701476211" defer></script>
+        <script src="../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -406,13 +407,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index 96e7c5bb30..a426df5d8a 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../js/url.js?1701476211"></script>
-    <script src="../../../js/variant.js?1701476211"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -218,8 +219,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index a81e83ece4..b984b8a23b 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../js/url.js?1701476211"></script>
-    <script src="../../../js/variant.js?1701476211"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../js/url.js?1701613407"></script>
+    <script src="../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -231,12 +232,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../js/search.js?1701476211" defer></script>
+        <script src="../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -396,13 +397,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index 2f22382b2a..a3cd64abdd 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../js/url.js?1701476211"></script>
-    <script src="../../../js/variant.js?1701476211"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -111,8 +112,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index 0da93a0771..b06e63b9fb 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../js/url.js?1701476211"></script>
-    <script src="../../../js/variant.js?1701476211"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../js/url.js?1701613407"></script>
+    <script src="../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -241,12 +242,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../js/search.js?1701476211" defer></script>
+        <script src="../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -406,13 +407,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index f8f2e0df5b..28368a5ba8 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../js/url.js?1701476211"></script>
-    <script src="../../../js/variant.js?1701476211"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -136,8 +137,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index 6c1ee1550e..5affe20c11 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476211"></script>
-    <script src="../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613407"></script>
+    <script src="../../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -232,12 +233,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../../js/search.js?1701476211" defer></script>
+        <script src="../../../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -397,13 +398,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../../../js/theme.js?1701613407" 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 a556dd450c..7d507007b0 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../../js/url.js?1701476211"></script>
-    <script src="../../../../js/variant.js?1701476211"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../../js/url.js?1701613408"></script>
+    <script src="../../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -112,8 +113,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index bd23196317..b9a1376056 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../js/url.js?1701476211"></script>
-    <script src="../../../js/variant.js?1701476211"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../js/url.js?1701613407"></script>
+    <script src="../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -229,12 +230,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../js/search.js?1701476211" defer></script>
+        <script src="../../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -395,13 +396,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index 60c7af2454..677260fa57 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../js/url.js?1701476211"></script>
-    <script src="../../../js/variant.js?1701476211"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -109,8 +110,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../../js/theme.js?1701476212" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 68b8c370fa..7bf9427164 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -428,12 +429,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -593,13 +594,13 @@ So its content is used as description.</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index f1e225b41f..e48b884f27 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -495,8 +496,8 @@ So its content is used as description.</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../../js/theme.js?1701476212" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index d4ce820584..ebea81adb0 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../js/url.js?1701476211"></script>
-    <script src="../../../js/variant.js?1701476211"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../../js/url.js?1701613407"></script>
+    <script src="../../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,6 +51,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -233,12 +234,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../../js/search.js?1701476211" defer></script>
+        <script src="../../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -398,13 +399,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index 6584d3c1ed..c5051691fa 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../../js/url.js?1701476211"></script>
-    <script src="../../../js/variant.js?1701476211"></script>
+    <link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../../js/url.js?1701613408"></script>
+    <script src="../../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,6 +52,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -113,8 +114,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../../js/theme.js?1701476211" defer></script>
+    <script src="../../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index d3e2790393..07992d8794 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -153,13 +154,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-b85b0ae52fd58669fdff232529789710" aria-controls="R-expandcontent-b85b0ae52fd58669fdff232529789710" >
-    <label class="expand-label" for="R-expand-b85b0ae52fd58669fdff232529789710" >
+    <input type="checkbox" id="R-expand-29dbb5774223a283d94314cc689ad96c" aria-controls="R-expandcontent-29dbb5774223a283d94314cc689ad96c" >
+    <label class="expand-label" for="R-expand-29dbb5774223a283d94314cc689ad96c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-b85b0ae52fd58669fdff232529789710" class="expand-content">
+    <div id="R-expandcontent-29dbb5774223a283d94314cc689ad96c" 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>
@@ -277,26 +278,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-32c7c8c31be191ed67ff37bd9131be43" aria-controls="R-expandcontent-32c7c8c31be191ed67ff37bd9131be43" >
-    <label class="expand-label" for="R-expand-32c7c8c31be191ed67ff37bd9131be43" >
+    <input type="checkbox" id="R-expand-911617c9a215b5f318ec27f60388f57d" aria-controls="R-expandcontent-911617c9a215b5f318ec27f60388f57d" >
+    <label class="expand-label" for="R-expand-911617c9a215b5f318ec27f60388f57d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-32c7c8c31be191ed67ff37bd9131be43" class="expand-content">
+    <div id="R-expandcontent-911617c9a215b5f318ec27f60388f57d" 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-ef9664358075465cc1fb9f00d8a48675" aria-controls="R-expandcontent-ef9664358075465cc1fb9f00d8a48675"  checked>
-    <label class="expand-label" for="R-expand-ef9664358075465cc1fb9f00d8a48675" >
+    <input type="checkbox" id="R-expand-a04facb6adf8f38af107df8202c5732f" aria-controls="R-expandcontent-a04facb6adf8f38af107df8202c5732f"  checked>
+    <label class="expand-label" for="R-expand-a04facb6adf8f38af107df8202c5732f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-ef9664358075465cc1fb9f00d8a48675" class="expand-content">
+    <div id="R-expandcontent-a04facb6adf8f38af107df8202c5732f" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -317,13 +318,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-0809957b61e32a293598074bf95d730c" aria-controls="R-expandcontent-0809957b61e32a293598074bf95d730c" >
-    <label class="expand-label" for="R-expand-0809957b61e32a293598074bf95d730c" >
+    <input type="checkbox" id="R-expand-0ff9938607a94de000d43c38799b2a5d" aria-controls="R-expandcontent-0ff9938607a94de000d43c38799b2a5d" >
+    <label class="expand-label" for="R-expand-0ff9938607a94de000d43c38799b2a5d" >
         <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-0809957b61e32a293598074bf95d730c" class="expand-content">
+    <div id="R-expandcontent-0ff9938607a94de000d43c38799b2a5d" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -427,12 +428,12 @@ No need to press you!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -592,13 +593,13 @@ No need to press you!</div>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index 0004cd051c..e8a2e6cf89 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -98,13 +99,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-b85b0ae52fd58669fdff232529789710" aria-controls="R-expandcontent-b85b0ae52fd58669fdff232529789710" >
-    <label class="expand-label" for="R-expand-b85b0ae52fd58669fdff232529789710" >
+    <input type="checkbox" id="R-expand-29dbb5774223a283d94314cc689ad96c" aria-controls="R-expandcontent-29dbb5774223a283d94314cc689ad96c" >
+    <label class="expand-label" for="R-expand-29dbb5774223a283d94314cc689ad96c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-b85b0ae52fd58669fdff232529789710" class="expand-content">
+    <div id="R-expandcontent-29dbb5774223a283d94314cc689ad96c" 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>
@@ -222,26 +223,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-32c7c8c31be191ed67ff37bd9131be43" aria-controls="R-expandcontent-32c7c8c31be191ed67ff37bd9131be43" >
-    <label class="expand-label" for="R-expand-32c7c8c31be191ed67ff37bd9131be43" >
+    <input type="checkbox" id="R-expand-911617c9a215b5f318ec27f60388f57d" aria-controls="R-expandcontent-911617c9a215b5f318ec27f60388f57d" >
+    <label class="expand-label" for="R-expand-911617c9a215b5f318ec27f60388f57d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-32c7c8c31be191ed67ff37bd9131be43" class="expand-content">
+    <div id="R-expandcontent-911617c9a215b5f318ec27f60388f57d" 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-ef9664358075465cc1fb9f00d8a48675" aria-controls="R-expandcontent-ef9664358075465cc1fb9f00d8a48675"  checked>
-    <label class="expand-label" for="R-expand-ef9664358075465cc1fb9f00d8a48675" >
+    <input type="checkbox" id="R-expand-a04facb6adf8f38af107df8202c5732f" aria-controls="R-expandcontent-a04facb6adf8f38af107df8202c5732f"  checked>
+    <label class="expand-label" for="R-expand-a04facb6adf8f38af107df8202c5732f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-ef9664358075465cc1fb9f00d8a48675" class="expand-content">
+    <div id="R-expandcontent-a04facb6adf8f38af107df8202c5732f" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -262,13 +263,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-0809957b61e32a293598074bf95d730c" aria-controls="R-expandcontent-0809957b61e32a293598074bf95d730c" >
-    <label class="expand-label" for="R-expand-0809957b61e32a293598074bf95d730c" >
+    <input type="checkbox" id="R-expand-0ff9938607a94de000d43c38799b2a5d" aria-controls="R-expandcontent-0ff9938607a94de000d43c38799b2a5d" >
+    <label class="expand-label" for="R-expand-0ff9938607a94de000d43c38799b2a5d" >
         <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-0809957b61e32a293598074bf95d730c" class="expand-content">
+    <div id="R-expandcontent-0ff9938607a94de000d43c38799b2a5d" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -291,8 +292,8 @@ No need to press you!</div>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.html b/shortcodes/highlight/index.html
index 9e1c684e47..ec6c5ab21e 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -160,13 +161,13 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="983dbfad9d08c483d9dc3e208c87cbe5">
+<div class="tab-panel" data-tab-group="e510584997fa902c63f9562832e8b57f">
   <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('983dbfad9d08c483d9dc3e208c87cbe5','python')"
+      onclick="switchTab('e510584997fa902c63f9562832e8b57f','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -378,13 +379,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="87b64f5a195bbd22c46fbabd6fd03791">
+<div class="tab-panel" data-tab-group="c2bbae6c61fdd8c093e745283ad0691a">
   <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('87b64f5a195bbd22c46fbabd6fd03791','python')"
+      onclick="switchTab('c2bbae6c61fdd8c093e745283ad0691a','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -504,12 +505,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -669,13 +670,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.print.html b/shortcodes/highlight/index.print.html
index 69307c4a29..a9f2b7901c 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -98,13 +99,13 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="983dbfad9d08c483d9dc3e208c87cbe5">
+<div class="tab-panel" data-tab-group="e510584997fa902c63f9562832e8b57f">
   <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('983dbfad9d08c483d9dc3e208c87cbe5','python')"
+      onclick="switchTab('e510584997fa902c63f9562832e8b57f','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -316,13 +317,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="87b64f5a195bbd22c46fbabd6fd03791">
+<div class="tab-panel" data-tab-group="c2bbae6c61fdd8c093e745283ad0691a">
   <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('87b64f5a195bbd22c46fbabd6fd03791','python')"
+      onclick="switchTab('c2bbae6c61fdd8c093e745283ad0691a','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -361,8 +362,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index 23dd5e3f28..8546907e28 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -350,12 +351,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -515,13 +516,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index af5bc0843d..0dd494dedf 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -213,8 +214,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index 6730b43b44..b50982cbb9 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -340,12 +341,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -505,13 +506,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index 1e2b18f336..d43b99134c 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -206,8 +207,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index 5ad0b9af91..2393dfc12b 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@ Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a L
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -241,12 +242,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?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -406,13 +407,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?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index 7529d4766b..c9bcdcf1f8 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@ Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a L
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -92,8 +93,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?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 37362b0099..ec8b9e35e7 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../js/url.js?1701476211"></script>
-    <script src="../js/variant.js?1701476211"></script>
+    <link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../js/url.js?1701613407"></script>
+    <script src="../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -245,12 +246,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../js/search.js?1701476211" defer></script>
+        <script src="../js/auto-complete.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -410,13 +411,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1701476211"></script>
+          <script async src="../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../js/theme.js?1701476211" defer></script>
+    <script src="../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index 4f540c3d4f..dd5ef6b624 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../js/url.js?1701476211"></script>
-    <script src="../js/variant.js?1701476211"></script>
+    <link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../js/url.js?1701613408"></script>
+    <script src="../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -1166,13 +1167,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-b85b0ae52fd58669fdff232529789710" aria-controls="R-expandcontent-b85b0ae52fd58669fdff232529789710" >
-    <label class="expand-label" for="R-expand-b85b0ae52fd58669fdff232529789710" >
+    <input type="checkbox" id="R-expand-29dbb5774223a283d94314cc689ad96c" aria-controls="R-expandcontent-29dbb5774223a283d94314cc689ad96c" >
+    <label class="expand-label" for="R-expand-29dbb5774223a283d94314cc689ad96c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-b85b0ae52fd58669fdff232529789710" class="expand-content">
+    <div id="R-expandcontent-29dbb5774223a283d94314cc689ad96c" 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>
@@ -1290,26 +1291,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-32c7c8c31be191ed67ff37bd9131be43" aria-controls="R-expandcontent-32c7c8c31be191ed67ff37bd9131be43" >
-    <label class="expand-label" for="R-expand-32c7c8c31be191ed67ff37bd9131be43" >
+    <input type="checkbox" id="R-expand-911617c9a215b5f318ec27f60388f57d" aria-controls="R-expandcontent-911617c9a215b5f318ec27f60388f57d" >
+    <label class="expand-label" for="R-expand-911617c9a215b5f318ec27f60388f57d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-32c7c8c31be191ed67ff37bd9131be43" class="expand-content">
+    <div id="R-expandcontent-911617c9a215b5f318ec27f60388f57d" 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-ef9664358075465cc1fb9f00d8a48675" aria-controls="R-expandcontent-ef9664358075465cc1fb9f00d8a48675"  checked>
-    <label class="expand-label" for="R-expand-ef9664358075465cc1fb9f00d8a48675" >
+    <input type="checkbox" id="R-expand-a04facb6adf8f38af107df8202c5732f" aria-controls="R-expandcontent-a04facb6adf8f38af107df8202c5732f"  checked>
+    <label class="expand-label" for="R-expand-a04facb6adf8f38af107df8202c5732f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-ef9664358075465cc1fb9f00d8a48675" class="expand-content">
+    <div id="R-expandcontent-a04facb6adf8f38af107df8202c5732f" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -1330,13 +1331,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-0809957b61e32a293598074bf95d730c" aria-controls="R-expandcontent-0809957b61e32a293598074bf95d730c" >
-    <label class="expand-label" for="R-expand-0809957b61e32a293598074bf95d730c" >
+    <input type="checkbox" id="R-expand-0ff9938607a94de000d43c38799b2a5d" aria-controls="R-expandcontent-0ff9938607a94de000d43c38799b2a5d" >
+    <label class="expand-label" for="R-expand-0ff9938607a94de000d43c38799b2a5d" >
         <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-0809957b61e32a293598074bf95d730c" class="expand-content">
+    <div id="R-expandcontent-0ff9938607a94de000d43c38799b2a5d" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -1364,13 +1365,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="983dbfad9d08c483d9dc3e208c87cbe5">
+<div class="tab-panel" data-tab-group="e510584997fa902c63f9562832e8b57f">
   <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('983dbfad9d08c483d9dc3e208c87cbe5','python')"
+      onclick="switchTab('e510584997fa902c63f9562832e8b57f','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -1582,13 +1583,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="87b64f5a195bbd22c46fbabd6fd03791">
+<div class="tab-panel" data-tab-group="c2bbae6c61fdd8c093e745283ad0691a">
   <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('87b64f5a195bbd22c46fbabd6fd03791','python')"
+      onclick="switchTab('c2bbae6c61fdd8c093e745283ad0691a','python')"
     >
       <span class="tab-nav-text">python</span>
     </button>
@@ -3038,7 +3039,7 @@ xychart-beta
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-be97847f3cc844845ffbb7bc40ee35c2"
+    id="R-openapi-e8b480e1f3e1ff42ea92840832fc866f"
     data-openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3134,13 +3135,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="06a2e1d2dfcd9899832ad32d35a893a0">
+<div class="tab-panel" data-tab-group="93247099262111b8939061c8c7250e40">
   <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('06a2e1d2dfcd9899832ad32d35a893a0','hugotoml')"
+      onclick="switchTab('93247099262111b8939061c8c7250e40','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -3172,13 +3173,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="4cf9c5e4c6c340136754871711177daa">
+<div class="tab-panel" data-tab-group="222766d21e9f5a4570f9d56ca6307297">
   <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('4cf9c5e4c6c340136754871711177daa','c')"
+      onclick="switchTab('222766d21e9f5a4570f9d56ca6307297','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3283,13 +3284,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="0eb6e54f2926a600c76bfbb78e5086ae">
+<div class="tab-panel" data-tab-group="b3d7113ceec91a36c16e51b6827d201c">
   <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('0eb6e54f2926a600c76bfbb78e5086ae','code')"
+      onclick="switchTab('b3d7113ceec91a36c16e51b6827d201c','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -3311,13 +3312,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="65cfce21575c047f29a1bd7b1da8b9c3">
+<div class="tab-panel" data-tab-group="29fb2f57e9e3c45fdea6c27acd1260b1">
   <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('65cfce21575c047f29a1bd7b1da8b9c3','mixed')"
+      onclick="switchTab('29fb2f57e9e3c45fdea6c27acd1260b1','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -3362,41 +3363,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="845e881b0c9a0eace27997e76551171a">
+<div class="tab-panel" data-tab-group="d3eefb5668ee93c2809fe04ad9f44e4e">
   <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('845e881b0c9a0eace27997e76551171a','just-colored-style')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','just-color')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','default-style-and-color')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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>
@@ -3463,27 +3464,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="664f62a5744415e0aae88f6de1e9ceb2">
+<div class="tab-panel" data-tab-group="956ffa668168c6ee7915c11652566743">
   <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('664f62a5744415e0aae88f6de1e9ceb2','py')"
+      onclick="switchTab('956ffa668168c6ee7915c11652566743','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('664f62a5744415e0aae88f6de1e9ceb2','sh')"
+      onclick="switchTab('956ffa668168c6ee7915c11652566743','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('664f62a5744415e0aae88f6de1e9ceb2','c')"
+      onclick="switchTab('956ffa668168c6ee7915c11652566743','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -3631,27 +3632,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="2757806de17986499eed34d8f633d53d">
+<div class="tab-panel" data-tab-group="e7e29f248492fcf740e96521a907f23b">
   <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('2757806de17986499eed34d8f633d53d','group-a-tab-view-1')"
+      onclick="switchTab('e7e29f248492fcf740e96521a907f23b','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('2757806de17986499eed34d8f633d53d','group-a-tab-view-2')"
+      onclick="switchTab('e7e29f248492fcf740e96521a907f23b','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('2757806de17986499eed34d8f633d53d','group-b')"
+      onclick="switchTab('e7e29f248492fcf740e96521a907f23b','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -4007,8 +4008,8 @@ xychart-beta
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476212" defer></script>
+    <script src="../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613408" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4037,27 +4038,27 @@ xychart-beta
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1701476212"></script>
-    <script src="../js/d3/d3-color.min.js?1701476212" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1701476212" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1701476212" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1701476212" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1701476212" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1701476212" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1701476212" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1701476212" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1701476212" defer></script>
-    <script src="../js/js-yaml.min.js?1701476212" defer></script>
-    <script src="../js/mermaid.min.js?1701476212" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1701613408"></script>
+    <script src="../js/d3/d3-color.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1701613408" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1701613408" defer></script>
+    <script src="../js/js-yaml.min.js?1701613408" defer></script>
+    <script src="../js/mermaid.min.js?1701613408" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1701476212" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1701476212" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1701613408" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1701613408" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701476212", assetsBuster:  1701476212  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701613408", assetsBuster:  1701613408  };
     </script>
-    <script src="../js/theme.js?1701476212" defer></script>
+    <script src="../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index fa66e953d6..ebf3fabe1c 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -377,12 +378,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -542,13 +543,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -577,7 +578,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?1701476211"></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1701613407"></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index ad323f6929..305a7079db 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -234,8 +235,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -264,7 +265,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?1701476211"></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1701613408"></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 15e7f6c492..a77255a54c 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -861,12 +862,12 @@ xychart-beta
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1026,27 +1027,27 @@ xychart-beta
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1701476211" defer></script>
-    <script src="../../js/js-yaml.min.js?1701476211" defer></script>
-    <script src="../../js/mermaid.min.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1701613407" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1701613407" defer></script>
+    <script src="../../js/js-yaml.min.js?1701613407" defer></script>
+    <script src="../../js/mermaid.min.js?1701613407" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index be4bd159d9..a8364b91a0 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -706,22 +707,22 @@ xychart-beta
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1701476211" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1701476211" defer></script>
-    <script src="../../js/js-yaml.min.js?1701476211" defer></script>
-    <script src="../../js/mermaid.min.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1701613408" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1701613408" defer></script>
+    <script src="../../js/js-yaml.min.js?1701613408" defer></script>
+    <script src="../../js/mermaid.min.js?1701613408" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index 621bfef3e8..36881af106 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -571,12 +572,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -736,13 +737,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index fb15c3b625..9b500997fa 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -433,8 +434,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.html b/shortcodes/openapi/index.html
index ee3096fc3f..83b2539641 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -229,7 +230,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-be97847f3cc844845ffbb7bc40ee35c2"
+    id="R-openapi-e8b480e1f3e1ff42ea92840832fc866f"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -322,12 +323,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -487,19 +488,19 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1701476211" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1701476211" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1701613408" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1701613408" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701476211", assetsBuster:  1701476211  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701613408", assetsBuster:  1701613408  };
     </script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.print.html b/shortcodes/openapi/index.print.html
index e0260ec4d7..d52bd989be 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -176,7 +177,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-be97847f3cc844845ffbb7bc40ee35c2"
+    id="R-openapi-e8b480e1f3e1ff42ea92840832fc866f"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -188,14 +189,14 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476212" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1701476212" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1701476212" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1701613408" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1701613408" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701476212", assetsBuster:  1701476212  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1701613408", assetsBuster:  1701613408  };
     </script>
-    <script src="../../js/theme.js?1701476212" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index 6eb51a9c7c..bc13bd2e8e 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -231,13 +232,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="06a2e1d2dfcd9899832ad32d35a893a0">
+<div class="tab-panel" data-tab-group="93247099262111b8939061c8c7250e40">
   <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('06a2e1d2dfcd9899832ad32d35a893a0','hugotoml')"
+      onclick="switchTab('93247099262111b8939061c8c7250e40','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -344,12 +345,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -509,13 +510,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index ef7e24017d..4a8bb017df 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -177,13 +178,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="06a2e1d2dfcd9899832ad32d35a893a0">
+<div class="tab-panel" data-tab-group="93247099262111b8939061c8c7250e40">
   <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('06a2e1d2dfcd9899832ad32d35a893a0','hugotoml')"
+      onclick="switchTab('93247099262111b8939061c8c7250e40','hugotoml')"
     >
       <span class="tab-nav-text">hugo.toml</span>
     </button>
@@ -209,8 +210,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.html b/shortcodes/tab/index.html
index 12a7bb91f8..89ab5c939f 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -154,13 +155,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="4cf9c5e4c6c340136754871711177daa">
+<div class="tab-panel" data-tab-group="222766d21e9f5a4570f9d56ca6307297">
   <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('4cf9c5e4c6c340136754871711177daa','c')"
+      onclick="switchTab('222766d21e9f5a4570f9d56ca6307297','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -265,13 +266,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="0eb6e54f2926a600c76bfbb78e5086ae">
+<div class="tab-panel" data-tab-group="b3d7113ceec91a36c16e51b6827d201c">
   <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('0eb6e54f2926a600c76bfbb78e5086ae','code')"
+      onclick="switchTab('b3d7113ceec91a36c16e51b6827d201c','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -293,13 +294,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="65cfce21575c047f29a1bd7b1da8b9c3">
+<div class="tab-panel" data-tab-group="29fb2f57e9e3c45fdea6c27acd1260b1">
   <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('65cfce21575c047f29a1bd7b1da8b9c3','mixed')"
+      onclick="switchTab('29fb2f57e9e3c45fdea6c27acd1260b1','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -344,41 +345,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="845e881b0c9a0eace27997e76551171a">
+<div class="tab-panel" data-tab-group="d3eefb5668ee93c2809fe04ad9f44e4e">
   <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('845e881b0c9a0eace27997e76551171a','just-colored-style')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','just-color')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','default-style-and-color')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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>
@@ -520,12 +521,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -685,13 +686,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.print.html b/shortcodes/tab/index.print.html
index 38809bd3fe..85fd7aa39a 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -99,13 +100,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="4cf9c5e4c6c340136754871711177daa">
+<div class="tab-panel" data-tab-group="222766d21e9f5a4570f9d56ca6307297">
   <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('4cf9c5e4c6c340136754871711177daa','c')"
+      onclick="switchTab('222766d21e9f5a4570f9d56ca6307297','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -210,13 +211,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="0eb6e54f2926a600c76bfbb78e5086ae">
+<div class="tab-panel" data-tab-group="b3d7113ceec91a36c16e51b6827d201c">
   <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('0eb6e54f2926a600c76bfbb78e5086ae','code')"
+      onclick="switchTab('b3d7113ceec91a36c16e51b6827d201c','code')"
     >
       <span class="tab-nav-text">Code</span>
     </button>
@@ -238,13 +239,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="65cfce21575c047f29a1bd7b1da8b9c3">
+<div class="tab-panel" data-tab-group="29fb2f57e9e3c45fdea6c27acd1260b1">
   <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('65cfce21575c047f29a1bd7b1da8b9c3','mixed')"
+      onclick="switchTab('29fb2f57e9e3c45fdea6c27acd1260b1','mixed')"
     >
       <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
@@ -289,41 +290,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="845e881b0c9a0eace27997e76551171a">
+<div class="tab-panel" data-tab-group="d3eefb5668ee93c2809fe04ad9f44e4e">
   <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('845e881b0c9a0eace27997e76551171a','just-colored-style')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','just-color')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','default-style-and-color')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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('845e881b0c9a0eace27997e76551171a','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('d3eefb5668ee93c2809fe04ad9f44e4e','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>
@@ -384,8 +385,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index 4ba3e71b8a..55b1bb640d 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -153,27 +154,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="664f62a5744415e0aae88f6de1e9ceb2">
+<div class="tab-panel" data-tab-group="956ffa668168c6ee7915c11652566743">
   <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('664f62a5744415e0aae88f6de1e9ceb2','py')"
+      onclick="switchTab('956ffa668168c6ee7915c11652566743','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('664f62a5744415e0aae88f6de1e9ceb2','sh')"
+      onclick="switchTab('956ffa668168c6ee7915c11652566743','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('664f62a5744415e0aae88f6de1e9ceb2','c')"
+      onclick="switchTab('956ffa668168c6ee7915c11652566743','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -321,27 +322,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="2757806de17986499eed34d8f633d53d">
+<div class="tab-panel" data-tab-group="e7e29f248492fcf740e96521a907f23b">
   <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('2757806de17986499eed34d8f633d53d','group-a-tab-view-1')"
+      onclick="switchTab('e7e29f248492fcf740e96521a907f23b','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('2757806de17986499eed34d8f633d53d','group-a-tab-view-2')"
+      onclick="switchTab('e7e29f248492fcf740e96521a907f23b','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('2757806de17986499eed34d8f633d53d','group-b')"
+      onclick="switchTab('e7e29f248492fcf740e96521a907f23b','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -777,12 +778,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613407" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613407" defer></script>
+        <script src="../../js/search.js?1701613407" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -942,13 +943,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613407"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613407" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613407" defer></script>
+    <script src="../../js/theme.js?1701613407" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index 7c64c741a3..c79d66d333 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../../js/url.js?1701613408"></script>
+    <script src="../../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,6 +49,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -99,27 +100,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="664f62a5744415e0aae88f6de1e9ceb2">
+<div class="tab-panel" data-tab-group="956ffa668168c6ee7915c11652566743">
   <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('664f62a5744415e0aae88f6de1e9ceb2','py')"
+      onclick="switchTab('956ffa668168c6ee7915c11652566743','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('664f62a5744415e0aae88f6de1e9ceb2','sh')"
+      onclick="switchTab('956ffa668168c6ee7915c11652566743','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('664f62a5744415e0aae88f6de1e9ceb2','c')"
+      onclick="switchTab('956ffa668168c6ee7915c11652566743','c')"
     >
       <span class="tab-nav-text">c</span>
     </button>
@@ -267,27 +268,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="2757806de17986499eed34d8f633d53d">
+<div class="tab-panel" data-tab-group="e7e29f248492fcf740e96521a907f23b">
   <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('2757806de17986499eed34d8f633d53d','group-a-tab-view-1')"
+      onclick="switchTab('e7e29f248492fcf740e96521a907f23b','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('2757806de17986499eed34d8f633d53d','group-a-tab-view-2')"
+      onclick="switchTab('e7e29f248492fcf740e96521a907f23b','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('2757806de17986499eed34d8f633d53d','group-b')"
+      onclick="switchTab('e7e29f248492fcf740e96521a907f23b','group-b')"
     >
       <span class="tab-nav-text">Group B</span>
     </button>
@@ -642,8 +643,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/showcase/index.html b/showcase/index.html
index 24cc73d926..80a0f39c7b 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../js/url.js?1701476211"></script>
-    <script src="../js/variant.js?1701476211"></script>
+    <link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../js/url.js?1701613407"></script>
+    <script src="../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -47,6 +47,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -241,12 +242,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../js/search.js?1701476211" defer></script>
+        <script src="../js/auto-complete.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -406,13 +407,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1701476211"></script>
+          <script async src="../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../js/theme.js?1701476211" defer></script>
+    <script src="../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/showcase/index.print.html b/showcase/index.print.html
index 855aa9b53a..cdcf52fb88 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1701476211" rel="stylesheet">
-    <link href="../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../js/url.js?1701476211"></script>
-    <script src="../js/variant.js?1701476211"></script>
+    <link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613408" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613408" rel="stylesheet">
+    <link href="../css/fonts.css?1701613408" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613408" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613408" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613408" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613408" rel="stylesheet">
+    <link href="../css/print.css?1701613408" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1701613408" rel="stylesheet">
+    <link href="../css/ie.css?1701613408" rel="stylesheet">
+    <script src="../js/url.js?1701613408"></script>
+    <script src="../js/variant.js?1701613408"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,6 +48,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -113,8 +114,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1701476212" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476212" defer></script>
-    <script src="../js/theme.js?1701476212" defer></script>
+    <script src="../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 0639cf60c6..b11a705ef4 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -231,12 +232,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -396,13 +397,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/tags/config/index.html b/tags/config/index.html
index eb7e48344f..1e213c8da3 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -218,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/tags/content/index.html b/tags/content/index.html
index 7bd7ff45b3..c9ef27b69c 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -218,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index fc3532bf74..523835e2c4 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,6 +43,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -215,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -379,13 +380,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/tags/headless/index.html b/tags/headless/index.html
index 84b39ad260..d185526d8f 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -209,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -374,13 +375,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 579bef58e2..69c5d847ad 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../js/url.js?1701476211"></script>
-    <script src="../js/variant.js?1701476211"></script>
+    <link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../js/url.js?1701613407"></script>
+    <script src="../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -248,12 +249,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../js/search.js?1701476211" defer></script>
+        <script src="../js/auto-complete.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -413,13 +414,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1701476211"></script>
+          <script async src="../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../js/theme.js?1701476211" defer></script>
+    <script src="../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/tags/its-hidden/index.html b/tags/its-hidden/index.html
index 8068a1b43c..f09cf44fe2 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -233,12 +234,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -398,13 +399,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index a17a177bd5..6991811525 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -46,6 +46,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -225,12 +226,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -390,13 +391,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index edb0d49faf..e77e04fc86 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?1701476211" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1701613407" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1701476211" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1701476211" rel="stylesheet">
-    <link href="../../css/fonts.css?1701476211" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701476211" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1701476211" rel="stylesheet">
-    <link href="../../css/theme-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/chroma-relearn-auto.css?1701476211" rel="stylesheet" id="R-variant-chroma-style">
-    <link href="../../css/variant.css?1701476211" rel="stylesheet">
-    <link href="../../css/print.css?1701476211" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1701476211" rel="stylesheet">
-    <script src="../../js/url.js?1701476211"></script>
-    <script src="../../js/variant.js?1701476211"></script>
+    <link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1701613407" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1701613407" rel="stylesheet">
+    <link href="../../css/fonts.css?1701613407" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701613407" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1701613407" rel="stylesheet">
+    <link href="../../css/theme-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/chroma-relearn-auto.css?1701613407" rel="stylesheet" id="R-variant-chroma-style">
+    <link href="../../css/variant.css?1701613407" rel="stylesheet">
+    <link href="../../css/print.css?1701613407" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1701613407" rel="stylesheet">
+    <script src="../../js/url.js?1701613407"></script>
+    <script src="../../js/variant.js?1701613407"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -43,6 +43,7 @@
       window.relearn = window.relearn || {};
       window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       // variant stuff
+      window.relearn.themeVariantModifier='';
       window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
       // translations
       window.T_Copy_to_clipboard = `Copy to clipboard`;
@@ -215,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1701476211" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1701476211" defer></script>
-        <script src="../../js/search.js?1701476211" defer></script>
+        <script src="../../js/auto-complete.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1701613408" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1701613408" defer></script>
+        <script src="../../js/search.js?1701613408" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -379,13 +380,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1701476211"></script>
+          <script async src="../../js/github-buttons.js?1701613408"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1701476211" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1701476211" defer></script>
-    <script src="../../js/theme.js?1701476211" defer></script>
+    <script src="../../js/clipboard.min.js?1701613408" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1701613408" defer></script>
+    <script src="../../js/theme.js?1701613408" defer></script>
   </body>
 </html>