diff --git a/404.html b/404.html
index 5496068c38..eb9aed07a7 100644
--- a/404.html
+++ b/404.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Hugo Relearn Theme</title>
     <base href="https://McShelby.github.io/hugo-theme-relearn/">
-    <link href="./images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="./css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="./css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1691840798" rel="stylesheet">
-    <link href="./css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1691840798" rel="stylesheet">
-    <link href="./css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1691840798" rel="stylesheet">
-    <script src="./js/url.js?1691840798"></script>
-    <script src="./js/variant.js?1691840798"></script>
+    <link href="./css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="./css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="./css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1691849471" rel="stylesheet">
+    <link href="./css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1691849471" rel="stylesheet">
+    <link href="./css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1691849471" rel="stylesheet">
+    <script src="./js/url.js?1691849471"></script>
+    <script src="./js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -38,7 +38,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       p {
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index 48818e48b1..44b06816e8 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -38,7 +38,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -2008,12 +2008,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -2098,8 +2098,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -2141,12 +2143,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index 95fb6026a5..5b81cbb946 100644
--- a/basics/changelog/index.print.html
+++ b/basics/changelog/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -39,7 +39,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -1254,8 +1254,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index c9aae3db1b..a02537d1be 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
     <link href="../../basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configuration :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -232,10 +232,10 @@
 </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="#image-1d5553f80bbac6df2500779eed6e5a40" class="lightbox-link">
+<a href="#image-84aec2a0b399d20eb384f9abccf164e7" class="lightbox-link">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1d5553f80bbac6df2500779eed6e5a40">
+<a href="javascript:history.back();" class="lightbox" id="image-84aec2a0b399d20eb384f9abccf164e7">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -284,10 +284,10 @@ default values:</p>
 <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="#image-8067d4295a1b58841f152c76efe3e35f" class="lightbox-link">
+<a href="#image-42c88fe06ff80ad426f2182d0b56f361" class="lightbox-link">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8067d4295a1b58841f152c76efe3e35f">
+<a href="javascript:history.back();" class="lightbox" id="image-42c88fe06ff80ad426f2182d0b56f361">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -376,12 +376,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -466,8 +466,10 @@ default values:</p>
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -509,12 +511,12 @@ default values:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index 113592ef06..31904d5900 100644
--- a/basics/configuration/index.print.html
+++ b/basics/configuration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="canonical" type="text/html" title="Configuration :: Hugo Relearn Theme">
     <link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -188,10 +188,10 @@
 </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="#image-1d5553f80bbac6df2500779eed6e5a40" class="lightbox-link">
+<a href="#image-84aec2a0b399d20eb384f9abccf164e7" class="lightbox-link">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1d5553f80bbac6df2500779eed6e5a40">
+<a href="javascript:history.back();" class="lightbox" id="image-84aec2a0b399d20eb384f9abccf164e7">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -240,10 +240,10 @@ default values:</p>
 <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="#image-8067d4295a1b58841f152c76efe3e35f" class="lightbox-link">
+<a href="#image-42c88fe06ff80ad426f2182d0b56f361" class="lightbox-link">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8067d4295a1b58841f152c76efe3e35f">
+<a href="javascript:history.back();" class="lightbox" id="image-42c88fe06ff80ad426f2182d0b56f361">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -255,8 +255,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index cab513584d..9806b2fc84 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
     <link href="../../basics/customization/index.print.html" rel="alternate" type="text/html" title="Customization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -288,12 +288,12 @@ If you have requirements to support IE and/or older browser versions, use one of
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -378,8 +378,10 @@ If you have requirements to support IE and/or older browser versions, use one of
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -421,12 +423,12 @@ If you have requirements to support IE and/or older browser versions, use one of
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index 415a1816e5..4299f55802 100644
--- a/basics/customization/index.print.html
+++ b/basics/customization/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="canonical" type="text/html" title="Customization :: Hugo Relearn Theme">
     <link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -176,8 +176,8 @@ If you have requirements to support IE and/or older browser versions, use one of
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index b67a8de9fc..8604dbd358 100644
--- a/basics/generator/index.html
+++ b/basics/generator/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
     <link href="../../basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -94,13 +94,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-760dc69fc3536e73835615f652251415" aria-controls="expandcontent-760dc69fc3536e73835615f652251415" >
-    <label class="expand-label" for="expand-760dc69fc3536e73835615f652251415" >
+    <input type="checkbox" id="expand-e8bad19403eb27f3ba95d7621b5b9f10" aria-controls="expandcontent-e8bad19403eb27f3ba95d7621b5b9f10" >
+    <label class="expand-label" for="expand-e8bad19403eb27f3ba95d7621b5b9f10" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-760dc69fc3536e73835615f652251415" class="expand-content">
+    <div id="expandcontent-e8bad19403eb27f3ba95d7621b5b9f10" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -231,12 +231,12 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -321,8 +321,10 @@ window.variants && variants.generator( '#vargenerator' );
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -364,26 +366,26 @@ window.variants && variants.generator( '#vargenerator' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1691840799" defer></script>
-    <script src="../../js/js-yaml.min.js?1691840799" defer></script>
-    <script src="../../js/mermaid.min.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1691849471" defer></script>
+    <script src="../../js/js-yaml.min.js?1691849471" defer></script>
+    <script src="../../js/mermaid.min.js?1691849471" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index 75e38fe34e..0834b126bb 100644
--- a/basics/generator/index.print.html
+++ b/basics/generator/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
     <link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -79,13 +79,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-760dc69fc3536e73835615f652251415" aria-controls="expandcontent-760dc69fc3536e73835615f652251415" >
-    <label class="expand-label" for="expand-760dc69fc3536e73835615f652251415" >
+    <input type="checkbox" id="expand-e8bad19403eb27f3ba95d7621b5b9f10" aria-controls="expandcontent-e8bad19403eb27f3ba95d7621b5b9f10" >
+    <label class="expand-label" for="expand-e8bad19403eb27f3ba95d7621b5b9f10" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-760dc69fc3536e73835615f652251415" class="expand-content">
+    <div id="expandcontent-e8bad19403eb27f3ba95d7621b5b9f10" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -139,22 +139,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1691840799" defer></script>
-    <script src="../../js/js-yaml.min.js?1691840799" defer></script>
-    <script src="../../js/mermaid.min.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1691849472" defer></script>
+    <script src="../../js/js-yaml.min.js?1691849472" defer></script>
+    <script src="../../js/mermaid.min.js?1691849472" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 0d8eed77a1..08d0a7397b 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
     <link href="../../basics/history/index.print.html" rel="alternate" type="text/html" title="History :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -2014,12 +2014,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -2104,8 +2104,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -2147,12 +2149,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index c8956f08eb..e2e2e490b6 100644
--- a/basics/history/index.print.html
+++ b/basics/history/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="canonical" type="text/html" title="History :: Hugo Relearn Theme">
     <link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -1260,8 +1260,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index c8d15d22a8..62090d5bb0 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
     <link href="../basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../js/url.js?1691840798"></script>
-    <script src="../js/variant.js?1691840798"></script>
+    <link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../js/url.js?1691849471"></script>
+    <script src="../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -178,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../js/search.js?1691840799" defer></script>
+        <script src="../js/auto-complete.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -268,8 +268,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -311,12 +313,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1691840799"></script>
+          <script async src="../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../js/theme.js?1691840799" defer></script>
+    <script src="../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index 329ba9c1d0..dfea0343c7 100644
--- a/basics/index.print.html
+++ b/basics/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="canonical" type="text/html" title="Basics :: Hugo Relearn Theme">
     <link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../js/url.js?1691840799"></script>
-    <script src="../js/variant.js?1691840799"></script>
+    <link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../js/url.js?1691849472"></script>
+    <script src="../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -100,6 +100,9 @@
 <h2 id="000">5.19.0 (0000-00-00)</h2>
 <ul>
 <li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme has added two new color variants <code>zen-light</code> and <code>zen-dark</code>.</p>
+</li>
+<li>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme has updated its Mermaid dependency to 10.3.1. This adds support for the <a href="../shortcodes/mermaid/#sankey">sankey diagram type</a> and now comes with full support for YAML inside Mermaid graphs (previously, the theme ignored explicit Mermaid theme settings in YAML).</p>
 </li>
 <li>
@@ -790,10 +793,10 @@
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-730c5470dbd949fb8111df2984b471dc" class="lightbox-link">
+<a href="#image-91c51904c1cc0b3d8e28f0fa18b27d91" class="lightbox-link">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-730c5470dbd949fb8111df2984b471dc">
+<a href="javascript:history.back();" class="lightbox" id="image-91c51904c1cc0b3d8e28f0fa18b27d91">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -840,10 +843,10 @@
 </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="#image-f8284a29aa5516b4d2990de764d9be65" class="lightbox-link">
+<a href="#image-c853b8f72fadb8ac4dfea6dd4ffa813f" class="lightbox-link">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f8284a29aa5516b4d2990de764d9be65">
+<a href="javascript:history.back();" class="lightbox" id="image-c853b8f72fadb8ac4dfea6dd4ffa813f">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
@@ -996,10 +999,10 @@
 </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="#image-1d5553f80bbac6df2500779eed6e5a40" class="lightbox-link">
+<a href="#image-84aec2a0b399d20eb384f9abccf164e7" class="lightbox-link">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1d5553f80bbac6df2500779eed6e5a40">
+<a href="javascript:history.back();" class="lightbox" id="image-84aec2a0b399d20eb384f9abccf164e7">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -1048,10 +1051,10 @@ 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="#image-8067d4295a1b58841f152c76efe3e35f" class="lightbox-link">
+<a href="#image-42c88fe06ff80ad426f2182d0b56f361" class="lightbox-link">
 <img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8067d4295a1b58841f152c76efe3e35f">
+<a href="javascript:history.back();" class="lightbox" id="image-42c88fe06ff80ad426f2182d0b56f361">
 <img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -1170,13 +1173,13 @@ If you have requirements to support IE and/or older browser versions, use one of
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-760dc69fc3536e73835615f652251415" aria-controls="expandcontent-760dc69fc3536e73835615f652251415" >
-    <label class="expand-label" for="expand-760dc69fc3536e73835615f652251415" >
+    <input type="checkbox" id="expand-e8bad19403eb27f3ba95d7621b5b9f10" aria-controls="expandcontent-e8bad19403eb27f3ba95d7621b5b9f10" >
+    <label class="expand-label" for="expand-e8bad19403eb27f3ba95d7621b5b9f10" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-760dc69fc3536e73835615f652251415" class="expand-content">
+    <div id="expandcontent-e8bad19403eb27f3ba95d7621b5b9f10" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -2417,22 +2420,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-color.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1691840799" defer></script>
-    <script src="../js/js-yaml.min.js?1691840799" defer></script>
-    <script src="../js/mermaid.min.js?1691840799" defer></script>
+    <script src="../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-color.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1691849472" defer></script>
+    <script src="../js/js-yaml.min.js?1691849472" defer></script>
+    <script src="../js/mermaid.min.js?1691849472" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1691840799" defer></script>
+    <script src="../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index a4067c1658..7a541f5d2d 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
     <link href="../../basics/installation/index.print.html" rel="alternate" type="text/html" title="Installation :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -142,10 +142,10 @@
 </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="#image-f8284a29aa5516b4d2990de764d9be65" class="lightbox-link">
+<a href="#image-c853b8f72fadb8ac4dfea6dd4ffa813f" class="lightbox-link">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f8284a29aa5516b4d2990de764d9be65">
+<a href="javascript:history.back();" class="lightbox" id="image-c853b8f72fadb8ac4dfea6dd4ffa813f">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
@@ -261,12 +261,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -351,8 +351,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -394,12 +396,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index ec93eb9f75..3b50650887 100644
--- a/basics/installation/index.print.html
+++ b/basics/installation/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="canonical" type="text/html" title="Installation :: Hugo Relearn Theme">
     <link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -107,10 +107,10 @@
 </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="#image-f8284a29aa5516b4d2990de764d9be65" class="lightbox-link">
+<a href="#image-c853b8f72fadb8ac4dfea6dd4ffa813f" class="lightbox-link">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f8284a29aa5516b4d2990de764d9be65">
+<a href="javascript:history.back();" class="lightbox" id="image-c853b8f72fadb8ac4dfea6dd4ffa813f">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
@@ -149,8 +149,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index b4c4f4574a..8423a45120 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
     <link href="../../basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -151,6 +151,9 @@
 <h2 id="000">5.19.0 (0000-00-00)</h2>
 <ul>
 <li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme has added two new color variants <code>zen-light</code> and <code>zen-dark</code>.</p>
+</li>
+<li>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme has updated its Mermaid dependency to 10.3.1. This adds support for the <a href="../../shortcodes/mermaid/#sankey">sankey diagram type</a> and now comes with full support for YAML inside Mermaid graphs (previously, the theme ignored explicit Mermaid theme settings in YAML).</p>
 </li>
 <li>
@@ -913,12 +916,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1003,8 +1006,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -1046,12 +1051,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index 630f4190dc..fa9b1bd245 100644
--- a/basics/migration/index.print.html
+++ b/basics/migration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
     <link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -86,6 +86,9 @@
 <h2 id="000">5.19.0 (0000-00-00)</h2>
 <ul>
 <li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme has added two new color variants <code>zen-light</code> and <code>zen-dark</code>.</p>
+</li>
+<li>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme has updated its Mermaid dependency to 10.3.1. This adds support for the <a href="../../shortcodes/mermaid/#sankey">sankey diagram type</a> and now comes with full support for YAML inside Mermaid graphs (previously, the theme ignored explicit Mermaid theme settings in YAML).</p>
 </li>
 <li>
@@ -771,8 +774,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index 8dbd631a73..131201952c 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
     <link href="../../basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirements :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -94,10 +94,10 @@
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-730c5470dbd949fb8111df2984b471dc" class="lightbox-link">
+<a href="#image-91c51904c1cc0b3d8e28f0fa18b27d91" class="lightbox-link">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-730c5470dbd949fb8111df2984b471dc">
+<a href="javascript:history.back();" class="lightbox" id="image-91c51904c1cc0b3d8e28f0fa18b27d91">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -278,8 +278,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -321,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index 785415c2cd..859c69e36d 100644
--- a/basics/requirements/index.print.html
+++ b/basics/requirements/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirements :: Hugo Relearn Theme">
     <link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -79,10 +79,10 @@
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-730c5470dbd949fb8111df2984b471dc" class="lightbox-link">
+<a href="#image-91c51904c1cc0b3d8e28f0fa18b27d91" class="lightbox-link">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-730c5470dbd949fb8111df2984b471dc">
+<a href="javascript:history.back();" class="lightbox" id="image-91c51904c1cc0b3d8e28f0fa18b27d91">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -96,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/categories/basic/index.html b/categories/basic/index.html
index 1dc7b48fc3..de109e7ed5 100644
--- a/categories/basic/index.html
+++ b/categories/basic/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,8 +256,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -299,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/categories/content/index.html b/categories/content/index.html
index 18f1ab3967..7b9fc2d5a9 100644
--- a/categories/content/index.html
+++ b/categories/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,8 +256,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -299,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/categories/custom/index.html b/categories/custom/index.html
index 5419d206d6..100cc6c873 100644
--- a/categories/custom/index.html
+++ b/categories/custom/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,8 +256,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -299,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index af1d863553..ccd2b98773 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="pir">
     <link href="../categories/index.xml" rel="alternate" type="application/rss+xml" title="Categories :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../js/url.js?1691840798"></script>
-    <script src="../js/variant.js?1691840798"></script>
+    <link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../js/url.js?1691849471"></script>
+    <script src="../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../js/search.js?1691840799" defer></script>
+        <script src="../js/auto-complete.js?1691849472" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -278,8 +278,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -321,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1691840799"></script>
+          <script async src="../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../js/theme.js?1691840799" defer></script>
+    <script src="../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/categories/taxonomy/index.html b/categories/taxonomy/index.html
index 1f23e25ca6..834e5eed8f 100644
--- a/categories/taxonomy/index.html
+++ b/categories/taxonomy/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,8 +256,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -299,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/categories/theming/index.html b/categories/theming/index.html
index 884e3e8820..9e8957da87 100644
--- a/categories/theming/index.html
+++ b/categories/theming/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -167,12 +167,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -257,8 +257,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -300,12 +302,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index d3e83280d8..55f2a4d6fd 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
     <link href="../../cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Archetypes :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -120,10 +120,10 @@
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-f3b12ec6b6843e811eb6c59bdeec1b69" class="lightbox-link">
+<a href="#image-b54e36a6e057933952b4bae80ff2fb31" class="lightbox-link">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f3b12ec6b6843e811eb6c59bdeec1b69">
+<a href="javascript:history.back();" class="lightbox" id="image-b54e36a6e057933952b4bae80ff2fb31">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -137,10 +137,10 @@
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
 <p>
 		
-<a href="#image-1908d2ee4b96038077a1c43cd556756f" class="lightbox-link">
+<a href="#image-9d872d2bce812eb9c78a76789514cb29" class="lightbox-link">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1908d2ee4b96038077a1c43cd556756f">
+<a href="javascript:history.back();" class="lightbox" id="image-9d872d2bce812eb9c78a76789514cb29">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -156,10 +156,10 @@
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
 <p>
 		
-<a href="#image-47aabfdd0c312fdbf66e421834aa2bf7" class="lightbox-link">
+<a href="#image-e2978d2ac1214a8acc4e9c22dcb9c857" class="lightbox-link">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-47aabfdd0c312fdbf66e421834aa2bf7">
+<a href="javascript:history.back();" class="lightbox" id="image-e2978d2ac1214a8acc4e9c22dcb9c857">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -290,12 +290,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -380,8 +380,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -423,12 +425,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index c4d9564846..d16e65abe2 100644
--- a/cont/archetypes/index.print.html
+++ b/cont/archetypes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="canonical" type="text/html" title="Archetypes :: Hugo Relearn Theme">
     <link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -83,10 +83,10 @@
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-f3b12ec6b6843e811eb6c59bdeec1b69" class="lightbox-link">
+<a href="#image-b54e36a6e057933952b4bae80ff2fb31" class="lightbox-link">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f3b12ec6b6843e811eb6c59bdeec1b69">
+<a href="javascript:history.back();" class="lightbox" id="image-b54e36a6e057933952b4bae80ff2fb31">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -100,10 +100,10 @@
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
 <p>
 		
-<a href="#image-1908d2ee4b96038077a1c43cd556756f" class="lightbox-link">
+<a href="#image-9d872d2bce812eb9c78a76789514cb29" class="lightbox-link">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1908d2ee4b96038077a1c43cd556756f">
+<a href="javascript:history.back();" class="lightbox" id="image-9d872d2bce812eb9c78a76789514cb29">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -119,10 +119,10 @@
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
 <p>
 		
-<a href="#image-47aabfdd0c312fdbf66e421834aa2bf7" class="lightbox-link">
+<a href="#image-e2978d2ac1214a8acc4e9c22dcb9c857" class="lightbox-link">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-47aabfdd0c312fdbf66e421834aa2bf7">
+<a href="javascript:history.back();" class="lightbox" id="image-e2978d2ac1214a8acc4e9c22dcb9c857">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -176,8 +176,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index 92e3ae1234..2f63921e45 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
     <link href="../../cont/i18n/index.print.html" rel="alternate" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -117,10 +117,10 @@
 </ul>
 <p>
 		
-<a href="#image-5298a2777ea7b639e33aa3acae3ff7db" class="lightbox-link">
+<a href="#image-d8fdc7855cea7a0d0e30df993fc4d679" class="lightbox-link">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5298a2777ea7b639e33aa3acae3ff7db">
+<a href="javascript:history.back();" class="lightbox" id="image-d8fdc7855cea7a0d0e30df993fc4d679">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
@@ -299,12 +299,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?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -389,8 +389,10 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -432,12 +434,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index e2b8497549..73c6c0647c 100644
--- a/cont/i18n/index.print.html
+++ b/cont/i18n/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="canonical" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
     <link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -85,10 +85,10 @@
 </ul>
 <p>
 		
-<a href="#image-5298a2777ea7b639e33aa3acae3ff7db" class="lightbox-link">
+<a href="#image-d8fdc7855cea7a0d0e30df993fc4d679" class="lightbox-link">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5298a2777ea7b639e33aa3acae3ff7db">
+<a href="javascript:history.back();" class="lightbox" id="image-d8fdc7855cea7a0d0e30df993fc4d679">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
@@ -190,8 +190,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 10e133aad3..491d76ea12 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
     <link href="../cont/index.print.html" rel="alternate" type="text/html" title="Content :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../js/url.js?1691840798"></script>
-    <script src="../js/variant.js?1691840798"></script>
+    <link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../js/url.js?1691849471"></script>
+    <script src="../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -178,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../js/search.js?1691840799" defer></script>
+        <script src="../js/auto-complete.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -268,8 +268,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -311,12 +313,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1691840799"></script>
+          <script async src="../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../js/theme.js?1691840799" defer></script>
+    <script src="../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index 341db1b770..7e5d101fd6 100644
--- a/cont/index.print.html
+++ b/cont/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="canonical" type="text/html" title="Content :: Hugo Relearn Theme">
     <link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../js/url.js?1691840799"></script>
-    <script src="../js/variant.js?1691840799"></script>
+    <link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../js/url.js?1691849472"></script>
+    <script src="../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -161,10 +161,10 @@
 </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="#image-2c4f596482fe9dcf0f0b0dec39150fb6" class="lightbox-link">
+<a href="#image-f397633b1fe2f812345bd71edd55cdb9" class="lightbox-link">
 <img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2c4f596482fe9dcf0f0b0dec39150fb6">
+<a href="javascript:history.back();" class="lightbox" id="image-f397633b1fe2f812345bd71edd55cdb9">
 <img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
@@ -211,10 +211,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-f3b12ec6b6843e811eb6c59bdeec1b69" class="lightbox-link">
+<a href="#image-b54e36a6e057933952b4bae80ff2fb31" class="lightbox-link">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f3b12ec6b6843e811eb6c59bdeec1b69">
+<a href="javascript:history.back();" class="lightbox" id="image-b54e36a6e057933952b4bae80ff2fb31">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -228,10 +228,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
 <p>
 		
-<a href="#image-1908d2ee4b96038077a1c43cd556756f" class="lightbox-link">
+<a href="#image-9d872d2bce812eb9c78a76789514cb29" class="lightbox-link">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1908d2ee4b96038077a1c43cd556756f">
+<a href="javascript:history.back();" class="lightbox" id="image-9d872d2bce812eb9c78a76789514cb29">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -247,10 +247,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
 <p>
 		
-<a href="#image-47aabfdd0c312fdbf66e421834aa2bf7" class="lightbox-link">
+<a href="#image-e2978d2ac1214a8acc4e9c22dcb9c857" class="lightbox-link">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-47aabfdd0c312fdbf66e421834aa2bf7">
+<a href="javascript:history.back();" class="lightbox" id="image-e2978d2ac1214a8acc4e9c22dcb9c857">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -825,10 +825,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-e3912cc1662074d5253e6628589111f9" class="lightbox-link">
+<a href="#image-3eaffd9e5f3f76eca7aeaf68b5ffbd70" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e3912cc1662074d5253e6628589111f9">
+<a href="javascript:history.back();" class="lightbox" id="image-3eaffd9e5f3f76eca7aeaf68b5ffbd70">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -842,10 +842,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-3e9f54abc9a1723cf8c0315ea006ec0c" class="lightbox-link">
+<a href="#image-8aef470348d910b2de0ab838f68ad426" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3e9f54abc9a1723cf8c0315ea006ec0c">
+<a href="javascript:history.back();" class="lightbox" id="image-8aef470348d910b2de0ab838f68ad426">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -861,10 +861,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-c10a6edbd661535f820081cbff952eba" class="lightbox-link">
+<a href="#image-fd9cb5e3a80a384e34a666641e32b5c0" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c10a6edbd661535f820081cbff952eba">
+<a href="javascript:history.back();" class="lightbox" id="image-fd9cb5e3a80a384e34a666641e32b5c0">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -880,10 +880,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-3ccd4d30dc736b0a2b6df85f69ce1980" class="lightbox-link">
+<a href="#image-b0628e9b954813b6220e13e263054ef1" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3ccd4d30dc736b0a2b6df85f69ce1980">
+<a href="javascript:history.back();" class="lightbox" id="image-b0628e9b954813b6220e13e263054ef1">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -895,10 +895,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-31caf26d106b5d61bdf5fff0ccd0af59" class="lightbox-link">
+<a href="#image-1d1460efb46c46a3bb17a54107d88f61" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-31caf26d106b5d61bdf5fff0ccd0af59">
+<a href="javascript:history.back();" class="lightbox" id="image-1d1460efb46c46a3bb17a54107d88f61">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -911,10 +911,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-e91c5ddaddea95bdda5372f03677193f" class="lightbox-link">
+<a href="#image-d0d7e852897dcbc11deb7531ec28fdb6" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e91c5ddaddea95bdda5372f03677193f">
+<a href="javascript:history.back();" class="lightbox" id="image-d0d7e852897dcbc11deb7531ec28fdb6">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -929,10 +929,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-050a52e162703ef569bc4595ad17b890" class="lightbox-link">
+<a href="#image-0b0a5a260d9de193c6741bd2be192c7b" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-050a52e162703ef569bc4595ad17b890">
+<a href="javascript:history.back();" class="lightbox" id="image-0b0a5a260d9de193c6741bd2be192c7b">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -945,10 +945,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a52e2d4abb7cf92a860fb8ef594f6d80" class="lightbox-link">
+<a href="#image-7e1a34091d16a3a665e8f18a55c28f38" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a52e2d4abb7cf92a860fb8ef594f6d80">
+<a href="javascript:history.back();" class="lightbox" id="image-7e1a34091d16a3a665e8f18a55c28f38">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -961,10 +961,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-188b43647603c82d27325b3a49ea5d7a" class="lightbox-link">
+<a href="#image-e917a376819c059be164508723812bd0" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-188b43647603c82d27325b3a49ea5d7a">
+<a href="javascript:history.back();" class="lightbox" id="image-e917a376819c059be164508723812bd0">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -977,10 +977,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-9b4a03593b2bda1ca9973e06b386e393" class="lightbox-link">
+<a href="#image-e3cb1b2b4a237991d5fad64bb99f9570" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9b4a03593b2bda1ca9973e06b386e393">
+<a href="javascript:history.back();" class="lightbox" id="image-e3cb1b2b4a237991d5fad64bb99f9570">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -996,34 +996,34 @@ line 3 of code
 
 <p>
 		
-<a href="#image-5e1eaae2440a3da1385adcb5357a14ac" class="lightbox-link">
+<a href="#image-2de8dbc44c24ee04e1089a67708bd86b" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5e1eaae2440a3da1385adcb5357a14ac">
+<a href="javascript:history.back();" class="lightbox" id="image-2de8dbc44c24ee04e1089a67708bd86b">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-c5415c8c71c8de54289f9b829f8b24ff" class="lightbox-link">
+<a href="#image-fa56a534ca117cc71cbbeddd3ea4243d" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c5415c8c71c8de54289f9b829f8b24ff">
+<a href="javascript:history.back();" class="lightbox" id="image-fa56a534ca117cc71cbbeddd3ea4243d">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-acfa31e079ceaabf9d22bc529695fba7" class="lightbox-link">
+<a href="#image-cb8d48e7548c5104cf0e6b17f559ca1a" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-acfa31e079ceaabf9d22bc529695fba7">
+<a href="javascript:history.back();" class="lightbox" id="image-cb8d48e7548c5104cf0e6b17f559ca1a">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-ff615ccd1ea6488b03b151b6e4de82ff" class="lightbox-link">
+<a href="#image-a3cb459d50d29a1cb22eb215049be2a4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ff615ccd1ea6488b03b151b6e4de82ff">
+<a href="javascript:history.back();" class="lightbox" id="image-a3cb459d50d29a1cb22eb215049be2a4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1036,10 +1036,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-bf04f83726c9ed9c70dd4ac127dc1c94" class="lightbox-link">
+<a href="#image-cfdf69a0925d8fc2391127eca709b7ee" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bf04f83726c9ed9c70dd4ac127dc1c94">
+<a href="javascript:history.back();" class="lightbox" id="image-cfdf69a0925d8fc2391127eca709b7ee">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1208,10 +1208,10 @@ However, if you want to keep the title but change its value, it can be overridde
 </ul>
 <p>
 		
-<a href="#image-5298a2777ea7b639e33aa3acae3ff7db" class="lightbox-link">
+<a href="#image-d8fdc7855cea7a0d0e30df993fc4d679" class="lightbox-link">
 <img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5298a2777ea7b639e33aa3acae3ff7db">
+<a href="javascript:history.back();" class="lightbox" id="image-d8fdc7855cea7a0d0e30df993fc4d679">
 <img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
@@ -1350,8 +1350,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../js/theme.js?1691840799" defer></script>
+    <script src="../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index 5771c4727a..fda71c7026 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
     <link href="../../cont/markdown/index.print.html" rel="alternate" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -668,10 +668,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-e3912cc1662074d5253e6628589111f9" class="lightbox-link">
+<a href="#image-3eaffd9e5f3f76eca7aeaf68b5ffbd70" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e3912cc1662074d5253e6628589111f9">
+<a href="javascript:history.back();" class="lightbox" id="image-3eaffd9e5f3f76eca7aeaf68b5ffbd70">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -685,10 +685,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-3e9f54abc9a1723cf8c0315ea006ec0c" class="lightbox-link">
+<a href="#image-8aef470348d910b2de0ab838f68ad426" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3e9f54abc9a1723cf8c0315ea006ec0c">
+<a href="javascript:history.back();" class="lightbox" id="image-8aef470348d910b2de0ab838f68ad426">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -704,10 +704,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-c10a6edbd661535f820081cbff952eba" class="lightbox-link">
+<a href="#image-fd9cb5e3a80a384e34a666641e32b5c0" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c10a6edbd661535f820081cbff952eba">
+<a href="javascript:history.back();" class="lightbox" id="image-fd9cb5e3a80a384e34a666641e32b5c0">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -723,10 +723,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-3ccd4d30dc736b0a2b6df85f69ce1980" class="lightbox-link">
+<a href="#image-b0628e9b954813b6220e13e263054ef1" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3ccd4d30dc736b0a2b6df85f69ce1980">
+<a href="javascript:history.back();" class="lightbox" id="image-b0628e9b954813b6220e13e263054ef1">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -738,10 +738,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-31caf26d106b5d61bdf5fff0ccd0af59" class="lightbox-link">
+<a href="#image-1d1460efb46c46a3bb17a54107d88f61" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-31caf26d106b5d61bdf5fff0ccd0af59">
+<a href="javascript:history.back();" class="lightbox" id="image-1d1460efb46c46a3bb17a54107d88f61">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -754,10 +754,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-e91c5ddaddea95bdda5372f03677193f" class="lightbox-link">
+<a href="#image-d0d7e852897dcbc11deb7531ec28fdb6" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e91c5ddaddea95bdda5372f03677193f">
+<a href="javascript:history.back();" class="lightbox" id="image-d0d7e852897dcbc11deb7531ec28fdb6">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -772,10 +772,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-050a52e162703ef569bc4595ad17b890" class="lightbox-link">
+<a href="#image-0b0a5a260d9de193c6741bd2be192c7b" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-050a52e162703ef569bc4595ad17b890">
+<a href="javascript:history.back();" class="lightbox" id="image-0b0a5a260d9de193c6741bd2be192c7b">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -788,10 +788,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a52e2d4abb7cf92a860fb8ef594f6d80" class="lightbox-link">
+<a href="#image-7e1a34091d16a3a665e8f18a55c28f38" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a52e2d4abb7cf92a860fb8ef594f6d80">
+<a href="javascript:history.back();" class="lightbox" id="image-7e1a34091d16a3a665e8f18a55c28f38">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -804,10 +804,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-188b43647603c82d27325b3a49ea5d7a" class="lightbox-link">
+<a href="#image-e917a376819c059be164508723812bd0" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-188b43647603c82d27325b3a49ea5d7a">
+<a href="javascript:history.back();" class="lightbox" id="image-e917a376819c059be164508723812bd0">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -820,10 +820,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-9b4a03593b2bda1ca9973e06b386e393" class="lightbox-link">
+<a href="#image-e3cb1b2b4a237991d5fad64bb99f9570" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9b4a03593b2bda1ca9973e06b386e393">
+<a href="javascript:history.back();" class="lightbox" id="image-e3cb1b2b4a237991d5fad64bb99f9570">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -839,34 +839,34 @@ line 3 of code
 
 <p>
 		
-<a href="#image-5e1eaae2440a3da1385adcb5357a14ac" class="lightbox-link">
+<a href="#image-2de8dbc44c24ee04e1089a67708bd86b" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5e1eaae2440a3da1385adcb5357a14ac">
+<a href="javascript:history.back();" class="lightbox" id="image-2de8dbc44c24ee04e1089a67708bd86b">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-c5415c8c71c8de54289f9b829f8b24ff" class="lightbox-link">
+<a href="#image-fa56a534ca117cc71cbbeddd3ea4243d" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c5415c8c71c8de54289f9b829f8b24ff">
+<a href="javascript:history.back();" class="lightbox" id="image-fa56a534ca117cc71cbbeddd3ea4243d">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-acfa31e079ceaabf9d22bc529695fba7" class="lightbox-link">
+<a href="#image-cb8d48e7548c5104cf0e6b17f559ca1a" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-acfa31e079ceaabf9d22bc529695fba7">
+<a href="javascript:history.back();" class="lightbox" id="image-cb8d48e7548c5104cf0e6b17f559ca1a">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-ff615ccd1ea6488b03b151b6e4de82ff" class="lightbox-link">
+<a href="#image-a3cb459d50d29a1cb22eb215049be2a4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ff615ccd1ea6488b03b151b6e4de82ff">
+<a href="javascript:history.back();" class="lightbox" id="image-a3cb459d50d29a1cb22eb215049be2a4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -879,10 +879,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-bf04f83726c9ed9c70dd4ac127dc1c94" class="lightbox-link">
+<a href="#image-cfdf69a0925d8fc2391127eca709b7ee" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bf04f83726c9ed9c70dd4ac127dc1c94">
+<a href="javascript:history.back();" class="lightbox" id="image-cfdf69a0925d8fc2391127eca709b7ee">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -985,12 +985,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1075,8 +1075,10 @@ line 3 of code
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -1118,12 +1120,12 @@ line 3 of code
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index 3a711d76de..b5e3438310 100644
--- a/cont/markdown/index.print.html
+++ b/cont/markdown/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="canonical" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
     <link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -595,10 +595,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-e3912cc1662074d5253e6628589111f9" class="lightbox-link">
+<a href="#image-3eaffd9e5f3f76eca7aeaf68b5ffbd70" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e3912cc1662074d5253e6628589111f9">
+<a href="javascript:history.back();" class="lightbox" id="image-3eaffd9e5f3f76eca7aeaf68b5ffbd70">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -612,10 +612,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-3e9f54abc9a1723cf8c0315ea006ec0c" class="lightbox-link">
+<a href="#image-8aef470348d910b2de0ab838f68ad426" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3e9f54abc9a1723cf8c0315ea006ec0c">
+<a href="javascript:history.back();" class="lightbox" id="image-8aef470348d910b2de0ab838f68ad426">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -631,10 +631,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-c10a6edbd661535f820081cbff952eba" class="lightbox-link">
+<a href="#image-fd9cb5e3a80a384e34a666641e32b5c0" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c10a6edbd661535f820081cbff952eba">
+<a href="javascript:history.back();" class="lightbox" id="image-fd9cb5e3a80a384e34a666641e32b5c0">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -650,10 +650,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-3ccd4d30dc736b0a2b6df85f69ce1980" class="lightbox-link">
+<a href="#image-b0628e9b954813b6220e13e263054ef1" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3ccd4d30dc736b0a2b6df85f69ce1980">
+<a href="javascript:history.back();" class="lightbox" id="image-b0628e9b954813b6220e13e263054ef1">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -665,10 +665,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-31caf26d106b5d61bdf5fff0ccd0af59" class="lightbox-link">
+<a href="#image-1d1460efb46c46a3bb17a54107d88f61" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-31caf26d106b5d61bdf5fff0ccd0af59">
+<a href="javascript:history.back();" class="lightbox" id="image-1d1460efb46c46a3bb17a54107d88f61">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -681,10 +681,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-e91c5ddaddea95bdda5372f03677193f" class="lightbox-link">
+<a href="#image-d0d7e852897dcbc11deb7531ec28fdb6" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e91c5ddaddea95bdda5372f03677193f">
+<a href="javascript:history.back();" class="lightbox" id="image-d0d7e852897dcbc11deb7531ec28fdb6">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -699,10 +699,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-050a52e162703ef569bc4595ad17b890" class="lightbox-link">
+<a href="#image-0b0a5a260d9de193c6741bd2be192c7b" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-050a52e162703ef569bc4595ad17b890">
+<a href="javascript:history.back();" class="lightbox" id="image-0b0a5a260d9de193c6741bd2be192c7b">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -715,10 +715,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a52e2d4abb7cf92a860fb8ef594f6d80" class="lightbox-link">
+<a href="#image-7e1a34091d16a3a665e8f18a55c28f38" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a52e2d4abb7cf92a860fb8ef594f6d80">
+<a href="javascript:history.back();" class="lightbox" id="image-7e1a34091d16a3a665e8f18a55c28f38">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -731,10 +731,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-188b43647603c82d27325b3a49ea5d7a" class="lightbox-link">
+<a href="#image-e917a376819c059be164508723812bd0" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-188b43647603c82d27325b3a49ea5d7a">
+<a href="javascript:history.back();" class="lightbox" id="image-e917a376819c059be164508723812bd0">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -747,10 +747,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-9b4a03593b2bda1ca9973e06b386e393" class="lightbox-link">
+<a href="#image-e3cb1b2b4a237991d5fad64bb99f9570" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9b4a03593b2bda1ca9973e06b386e393">
+<a href="javascript:history.back();" class="lightbox" id="image-e3cb1b2b4a237991d5fad64bb99f9570">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -766,34 +766,34 @@ line 3 of code
 
 <p>
 		
-<a href="#image-5e1eaae2440a3da1385adcb5357a14ac" class="lightbox-link">
+<a href="#image-2de8dbc44c24ee04e1089a67708bd86b" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5e1eaae2440a3da1385adcb5357a14ac">
+<a href="javascript:history.back();" class="lightbox" id="image-2de8dbc44c24ee04e1089a67708bd86b">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-c5415c8c71c8de54289f9b829f8b24ff" class="lightbox-link">
+<a href="#image-fa56a534ca117cc71cbbeddd3ea4243d" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c5415c8c71c8de54289f9b829f8b24ff">
+<a href="javascript:history.back();" class="lightbox" id="image-fa56a534ca117cc71cbbeddd3ea4243d">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-acfa31e079ceaabf9d22bc529695fba7" class="lightbox-link">
+<a href="#image-cb8d48e7548c5104cf0e6b17f559ca1a" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-acfa31e079ceaabf9d22bc529695fba7">
+<a href="javascript:history.back();" class="lightbox" id="image-cb8d48e7548c5104cf0e6b17f559ca1a">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-ff615ccd1ea6488b03b151b6e4de82ff" class="lightbox-link">
+<a href="#image-a3cb459d50d29a1cb22eb215049be2a4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ff615ccd1ea6488b03b151b6e4de82ff">
+<a href="javascript:history.back();" class="lightbox" id="image-a3cb459d50d29a1cb22eb215049be2a4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -806,10 +806,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-bf04f83726c9ed9c70dd4ac127dc1c94" class="lightbox-link">
+<a href="#image-cfdf69a0925d8fc2391127eca709b7ee" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bf04f83726c9ed9c70dd4ac127dc1c94">
+<a href="javascript:history.back();" class="lightbox" id="image-cfdf69a0925d8fc2391127eca709b7ee">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -835,8 +835,8 @@ line 3 of code
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 97c8a70418..ddea458593 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
     <link href="../../cont/menushortcuts/index.print.html" rel="alternate" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -310,12 +310,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?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -400,8 +400,10 @@ However, if you want to keep the title but change its value, it can be overridde
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -443,12 +445,12 @@ However, if you want to keep the title but change its value, it can be overridde
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index 0ad632f73d..2a800572ab 100644
--- a/cont/menushortcuts/index.print.html
+++ b/cont/menushortcuts/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="canonical" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
     <link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -206,8 +206,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?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 61958ec518..b71aef2b6e 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
     <link href="../../cont/pages/index.print.html" rel="alternate" type="text/html" title="Pages organization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -181,10 +181,10 @@
 </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="#image-2c4f596482fe9dcf0f0b0dec39150fb6" class="lightbox-link">
+<a href="#image-f397633b1fe2f812345bd71edd55cdb9" class="lightbox-link">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2c4f596482fe9dcf0f0b0dec39150fb6">
+<a href="javascript:history.back();" class="lightbox" id="image-f397633b1fe2f812345bd71edd55cdb9">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
@@ -299,12 +299,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?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -389,8 +389,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -432,12 +434,12 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index bcd577b009..6349564609 100644
--- a/cont/pages/index.print.html
+++ b/cont/pages/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="canonical" type="text/html" title="Pages organization :: Hugo Relearn Theme">
     <link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -147,10 +147,10 @@
 </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="#image-2c4f596482fe9dcf0f0b0dec39150fb6" class="lightbox-link">
+<a href="#image-f397633b1fe2f812345bd71edd55cdb9" class="lightbox-link">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2c4f596482fe9dcf0f0b0dec39150fb6">
+<a href="javascript:history.back();" class="lightbox" id="image-f397633b1fe2f812345bd71edd55cdb9">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
@@ -188,8 +188,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.html b/cont/taxonomy/index.html
index 08b8e63be0..c0757fae58 100644
--- a/cont/taxonomy/index.html
+++ b/cont/taxonomy/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
     <link href="../../cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -214,12 +214,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -304,8 +304,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -347,12 +349,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.print.html b/cont/taxonomy/index.print.html
index c2e46c3b45..af81f7e791 100644
--- a/cont/taxonomy/index.print.html
+++ b/cont/taxonomy/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
     <link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -110,8 +110,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/css/theme-zen-dark.css b/css/theme-zen-dark.css
new file mode 100644
index 0000000000..469be83f6a
--- /dev/null
+++ b/css/theme-zen-dark.css
@@ -0,0 +1,53 @@
+/* here in this showcase we use our own modified chroma syntax highlightning style;
+   if you want to use a predefined style instead:
+   - remove `markup.highlight.noClasses` from your config.toml
+   - set `markup.highlight.style` to a predefined style name in your config.toml
+   - remove the following `@import` of the self-defined chroma stylesheet */
+@import "chroma-relearn-dark.css";
+
+:root {
+  --PRIMARY-color: rgba( 131, 201, 50, 1 ); /* brand primary color */
+  --SECONDARY-color: rgba( 47, 129, 235, 1 ); /* brand secondary color */
+  --ACCENT-color: rgba( 255, 136, 255, 1 ); /* brand accent color, used for search highlights */
+  --MAIN-TEXT-color: rgba( 224, 224, 224, 1 ); /* text color of content and h1 titles */
+  --MAIN-LINK-HOVER-color: rgb(112, 174, 245); /* hovered link color of content */
+  --MAIN-BG-color: rgba( 32, 32, 32, 1 ); /* background color of content */
+  --MAIN-TITLES-TEXT-color: rgba( 255, 255, 255, 1 ); /* text color of h2-h6 titles and transparent box tles */
+  /* adjusted to relearn-dark chroma style */
+  --CODE-BLOCK-color: rgba( 248, 248, 248, 1 ); /* fallback text color of block code; should be adjusted  your selected chroma style */
+  --CODE-BLOCK-BG-color: rgba( 43, 43, 43, 1 ); /* fallback background color of block code; should be justed to your selected chroma style */
+  --CODE-BLOCK-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of block code */
+  --CODE-INLINE-color: rgba( 130, 229, 80, 1 ); /* text color of inline code */
+  --CODE-INLINE-BG-color: rgba( 45, 45, 45, 1 ); /* background color of inline code */
+  --CODE-INLINE-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of inline code */
+  --BROWSER-theme: dark; /* name of the theme for browser scrollbars of the main section */
+  --MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in nfig.toml */
+  --OPENAPI-theme: dark; /* name of the default OpenAPI theme for this variant, can be overridden in nfig.toml */
+  --OPENAPI-CODE-theme: obsidian; /* name of the default OpenAPI code theme for this variant, can be erridden in config.toml */
+  --MENU-HEADER-BG-color: transparent; /* background color of menu header */
+  --MENU-HEADER-BORDER-color: transparent; /* separator color of menu header */
+  --MENU-HOME-LINK-color: rgba( 224, 224, 224, 1 ); /* home button color if configured */
+  --MENU-HOME-LINK-HOVER-color: rgba( 0, 0, 0, 1 ); /* hovered home button color if configured */
+  --MENU-SEARCH-color: rgba( 47, 129, 235, 1 ); /* text and icon color of search box */
+  --MENU-SEARCH-BG-color: rgba( 32, 32, 32, 1 ); /* background color of search box */
+  --MENU-SEARCH-BORDER-color: rgba( 71, 71, 71, .66 ); /* border color of search box */
+  --MENU-SECTIONS-BG-color: rgba( 39, 39, 39, 1 ); /* background of the menu; this is NOT just a color lue but can be a complete CSS background definition including gradients, etc. */
+  --MENU-SECTIONS-ACTIVE-BG-color: transparent; /* background color of the active menu section */
+  --MENU-SECTIONS-LINK-color: rgba( 224, 224, 224, .75 ); /* link color of menu topics */
+  --MENU-SECTIONS-LINK-HOVER-color: rgba( 47, 129, 235, 1 ); /* hoverd link color of menu topics */
+  --MENU-SECTION-ACTIVE-CATEGORY-color: rgba( 47, 129, 235, 1 ); /* text color of the displayed menu topic */
+  --MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba( 32, 32, 32, 1 ); /* background color of the displayed menu topic */
+  --MENU-SECTION-HR-color: rgba( 71, 71, 71, 1 ); /* separator color of menu footer */
+  --BOX-CAPTION-color: rgba( 240, 240, 240, 1 ); /* text color of colored box titles */
+  --BOX-BG-color: rgba( 20, 20, 20, 1 ); /* background color of colored boxes */
+  --BOX-TEXT-color: rgba( 224, 224, 224, 1 ); /* text color of colored box content */
+  --BOX-GREY-color: rgba( 71, 71, 71, 1 ); /* background color of grey boxes */
+}
+
+body a#logo,
+body a#logo:hover,
+body #logo svg,
+body #logo svg * {
+    color: var(--MENU-HOME-LINK-color);
+    fill: var(--MENU-HOME-LINK-color) !important;
+}
diff --git a/css/theme-zen-light.css b/css/theme-zen-light.css
new file mode 100644
index 0000000000..feadb8d309
--- /dev/null
+++ b/css/theme-zen-light.css
@@ -0,0 +1,52 @@
+/* here in this showcase we use our own modified chroma syntax highlightning style;
+   if you want to use a predefined style instead:
+   - remove `markup.highlight.noClasses` from your config.toml
+   - set `markup.highlight.style` to a predefined style name in your config.toml
+   - remove the following `@import` of the self-defined chroma stylesheet */
+@import "chroma-relearn-light.css";
+
+:root {
+  --PRIMARY-color: rgba( 131, 201, 50, 1 ); /* brand primary color */
+  --SECONDARY-color: rgba( 26, 115, 232, 1 ); /* brand secondary color */
+  --ACCENT-color: rgba( 255, 136, 255, 1 ); /* brand accent color, used for search highlights */
+  --MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hoverd link color of content */
+  --MAIN-BG-color: /* background color of content */
+  --MAIN-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of content and h1 titles */
+  --MAIN-TITLES-TEXT-color: rgba( 74, 74, 74, 1 ); /* text color of h2-h6 titles and transparent box titles */
+  --CODE-BLOCK-color: rgba( 0, 0, 0, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */
+  --CODE-BLOCK-BG-color: rgba( 248, 248, 248, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */
+  --CODE-BLOCK-BORDER-color: rgba( 210, 210, 210, 1 ); /* border color of block code */
+  --CODE-INLINE-color: rgba( 94, 94, 94, 1 ); /* text color of inline code */
+  --CODE-INLINE-BG-color: rgba( 255, 250, 233, 1 ); /* background color of inline code */
+  --CODE-INLINE-BORDER-color: rgba( 248, 232, 200, 1 ); /* border color of inline code */
+  --BROWSER-theme: light; /* name of the theme for browser scrollbars of the main section */
+  --MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in config.toml */
+  --OPENAPI-theme: light; /* name of the default OpenAPI theme for this variant, can be overridden in config.toml */
+  --OPENAPI-CODE-theme: obsidian; /* name of the default OpenAPI coee theme for this variant, can be overridden in config.toml */
+  --MENU-HEADER-BG-color: transparent; /* background color of menu header */
+  --MENU-HEADER-BORDER-color: transparent; /* separator color of menu header */
+  --MENU-HOME-LINK-color: rgba( 64, 64, 64, 1 ); /* home button color if configured */
+  --MENU-HOME-LINK-HOVER-color: rgba( 0, 0, 0, 1 ); /* hoverd home button color if configured */
+  --MENU-SEARCH-color: rgba( 26, 115, 232, 1 ); /* text and icon color of search box */
+  --MENU-SEARCH-BG-color: rgba( 255, 255, 255, 1 ); /* background color of search box */
+  --MENU-SEARCH-BORDER-color: rgba( 210, 210, 210, .66 ); /* border color of search box */
+  --MENU-SECTIONS-BG-color: rgba( 134, 134, 134, .066 ); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
+  --MENU-SECTIONS-ACTIVE-BG-color: transparent; /* background color of the active menu section */
+  --MENU-SECTIONS-LINK-color: rgba( 16, 16, 16, 1 ); /* link color of menu topics */
+  --MENU-SECTIONS-LINK-HOVER-color: rgba( 26, 115, 232, 1 ); /* hoverd link color of menu topics */
+  --MENU-SECTION-ACTIVE-CATEGORY-color: rgba( 26, 115, 232, 1 ); /* text color of the displayed menu topic */
+  --MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba( 255, 255, 255, 1 ); /* background color of the displayed menu topic */
+  --MENU-SECTION-HR-color: rgba( 210, 210, 210, 1 ); /* separator color of menu footer */
+  --BOX-CAPTION-color: rgba( 255, 255, 255, 1 ); /* text color of colored box titles */
+  --BOX-BG-color: rgba( 255, 255, 255, .833 ); /* background color of colored boxes */
+  --BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of colored box content */
+  --BOX-GREY-color: rgba( 210, 210, 210, 1 ); /* background color of grey boxes */
+}
+
+body a#logo,
+body a#logo:hover,
+body #logo svg,
+body #logo svg * {
+    color: var(--MENU-HOME-LINK-color);
+    fill: var(--MENU-HOME-LINK-color) !important;
+}
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index cd83205c0d..1b774b98e1 100644
--- a/dev/contributing/index.html
+++ b/dev/contributing/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -304,12 +304,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -398,8 +398,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -441,12 +443,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index 213a62691e..63c89c9a80 100644
--- a/dev/contributing/index.print.html
+++ b/dev/contributing/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -201,8 +201,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index b95fe7aa23..fb7a99079c 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../js/url.js?1691840798"></script>
-    <script src="../js/variant.js?1691840798"></script>
+    <link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../js/url.js?1691849471"></script>
+    <script src="../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../js/search.js?1691840799" defer></script>
+        <script src="../js/auto-complete.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -278,8 +278,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -321,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1691840799"></script>
+          <script async src="../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../js/theme.js?1691840799" defer></script>
+    <script src="../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index c936f6e2dd..7e2a43055b 100644
--- a/dev/index.print.html
+++ b/dev/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../js/url.js?1691840799"></script>
-    <script src="../js/variant.js?1691840799"></script>
+    <link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../js/url.js?1691849472"></script>
+    <script src="../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -462,10 +462,10 @@
 <p>
 		
 		
-<a href="#image-c1a052cb408b73f0e5eefd91c28dbcbe" class="lightbox-link">
+<a href="#image-a12ba337811e7e0db1040062f5c95f8b" class="lightbox-link">
 <img src="../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c1a052cb408b73f0e5eefd91c28dbcbe">
+<a href="javascript:history.back();" class="lightbox" id="image-a12ba337811e7e0db1040062f5c95f8b">
 <img src="../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -499,20 +499,20 @@
 <p>
 		
 		
-<a href="#image-cfeefabd1ad8e3bf1b310fc94bc27a81" class="lightbox-link">
+<a href="#image-e00486dbfe4cd30b58ae4eb224d3671d" class="lightbox-link">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cfeefabd1ad8e3bf1b310fc94bc27a81">
+<a href="javascript:history.back();" class="lightbox" id="image-e00486dbfe4cd30b58ae4eb224d3671d">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-6a766bb7675177033c5b70b678025e23" class="lightbox-link">
+<a href="#image-4a89e637fdce6f76034ed64eed73e477" class="lightbox-link">
 <img src="../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6a766bb7675177033c5b70b678025e23">
+<a href="javascript:history.back();" class="lightbox" id="image-4a89e637fdce6f76034ed64eed73e477">
 <img src="../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -525,8 +525,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../js/theme.js?1691840799" defer></script>
+    <script src="../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index d8bdaddb82..7943e93dad 100644
--- a/dev/maintaining/index.html
+++ b/dev/maintaining/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -391,12 +391,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -485,8 +485,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -528,12 +530,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index b141ed28f5..fdf2bc4aac 100644
--- a/dev/maintaining/index.print.html
+++ b/dev/maintaining/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -277,8 +277,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index acf993d77a..61028b7c17 100644
--- a/dev/screenshots/index.html
+++ b/dev/screenshots/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -145,10 +145,10 @@
 <p>
 		
 		
-<a href="#image-c1a052cb408b73f0e5eefd91c28dbcbe" class="lightbox-link">
+<a href="#image-a12ba337811e7e0db1040062f5c95f8b" class="lightbox-link">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c1a052cb408b73f0e5eefd91c28dbcbe">
+<a href="javascript:history.back();" class="lightbox" id="image-a12ba337811e7e0db1040062f5c95f8b">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -182,20 +182,20 @@
 <p>
 		
 		
-<a href="#image-cfeefabd1ad8e3bf1b310fc94bc27a81" class="lightbox-link">
+<a href="#image-e00486dbfe4cd30b58ae4eb224d3671d" class="lightbox-link">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cfeefabd1ad8e3bf1b310fc94bc27a81">
+<a href="javascript:history.back();" class="lightbox" id="image-e00486dbfe4cd30b58ae4eb224d3671d">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-6a766bb7675177033c5b70b678025e23" class="lightbox-link">
+<a href="#image-4a89e637fdce6f76034ed64eed73e477" class="lightbox-link">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6a766bb7675177033c5b70b678025e23">
+<a href="javascript:history.back();" class="lightbox" id="image-4a89e637fdce6f76034ed64eed73e477">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -284,12 +284,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -378,8 +378,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -421,12 +423,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index b4c27696f7..c19104a329 100644
--- a/dev/screenshots/index.print.html
+++ b/dev/screenshots/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -109,10 +109,10 @@
 <p>
 		
 		
-<a href="#image-c1a052cb408b73f0e5eefd91c28dbcbe" class="lightbox-link">
+<a href="#image-a12ba337811e7e0db1040062f5c95f8b" class="lightbox-link">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c1a052cb408b73f0e5eefd91c28dbcbe">
+<a href="javascript:history.back();" class="lightbox" id="image-a12ba337811e7e0db1040062f5c95f8b">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -146,20 +146,20 @@
 <p>
 		
 		
-<a href="#image-cfeefabd1ad8e3bf1b310fc94bc27a81" class="lightbox-link">
+<a href="#image-e00486dbfe4cd30b58ae4eb224d3671d" class="lightbox-link">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cfeefabd1ad8e3bf1b310fc94bc27a81">
+<a href="javascript:history.back();" class="lightbox" id="image-e00486dbfe4cd30b58ae4eb224d3671d">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-6a766bb7675177033c5b70b678025e23" class="lightbox-link">
+<a href="#image-4a89e637fdce6f76034ed64eed73e477" class="lightbox-link">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6a766bb7675177033c5b70b678025e23">
+<a href="javascript:history.back();" class="lightbox" id="image-4a89e637fdce6f76034ed64eed73e477">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -171,8 +171,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index 55f97bee12..065b4f0ad8 100644
--- a/index.html
+++ b/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="./index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="./index.print.html" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="./images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="./css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="./css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1691840798" rel="stylesheet">
-    <link href="./css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1691840798" rel="stylesheet">
-    <link href="./css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1691840798" rel="stylesheet">
-    <script src="./js/url.js?1691840798"></script>
-    <script src="./js/variant.js?1691840798"></script>
+    <link href="./css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="./css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="./css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1691849471" rel="stylesheet">
+    <link href="./css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1691849471" rel="stylesheet">
+    <link href="./css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1691849471" rel="stylesheet">
+    <script src="./js/url.js?1691849471"></script>
+    <script src="./js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -107,10 +107,10 @@
 <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/">★ What&rsquo;s new in the latest release ★</a></p>
 <p>
-<a href="#image-21bdec3924cca877a59c5d5991b932ab" class="lightbox-link">
+<a href="#image-292eb9b19d5ff498dcd55d3770ebd6d4" class="lightbox-link">
 <img src="images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-21bdec3924cca877a59c5d5991b932ab">
+<a href="javascript:history.back();" class="lightbox" id="image-292eb9b19d5ff498dcd55d3770ebd6d4">
 <img src="images/hero.png?classes=shadow&amp;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" loading="lazy">
 </a></p>
 <h2 id="motivation">Motivation</h2>
@@ -284,12 +284,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1691840799" defer></script>
-        <script src="./js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="./js/search.js?1691840799" defer></script>
+        <script src="./js/auto-complete.js?1691849471" defer></script>
+        <script src="./js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="./js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -374,8 +374,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -417,12 +419,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="./js/buttons.js?1691840799"></script>
+          <script async src="./js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1691840799" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="./js/theme.js?1691840799" defer></script>
+    <script src="./js/clipboard.min.js?1691849471" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="./js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index 349cb3c6d9..39123375b2 100644
--- a/index.print.html
+++ b/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/index.html" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="./index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="./images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="./css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="./css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1691840799" rel="stylesheet">
-    <link href="./css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1691840799" rel="stylesheet">
-    <link href="./css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1691840799" rel="stylesheet">
-    <link href="./css/ie.css?1691840799" rel="stylesheet">
-    <script src="./js/url.js?1691840799"></script>
-    <script src="./js/variant.js?1691840799"></script>
+    <link href="./css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="./css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="./css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1691849472" rel="stylesheet">
+    <link href="./css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1691849472" rel="stylesheet">
+    <link href="./css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1691849472" rel="stylesheet">
+    <link href="./css/ie.css?1691849472" rel="stylesheet">
+    <script src="./js/url.js?1691849472"></script>
+    <script src="./js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -77,10 +77,10 @@
 <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/">★ What&rsquo;s new in the latest release ★</a></p>
 <p>
-<a href="#image-21bdec3924cca877a59c5d5991b932ab" class="lightbox-link">
+<a href="#image-292eb9b19d5ff498dcd55d3770ebd6d4" class="lightbox-link">
 <img src="./images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-21bdec3924cca877a59c5d5991b932ab">
+<a href="javascript:history.back();" class="lightbox" id="image-292eb9b19d5ff498dcd55d3770ebd6d4">
 <img src="./images/hero.png?classes=shadow&amp;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" loading="lazy">
 </a></p>
 <h2 id="motivation">Motivation</h2>
@@ -206,6 +206,9 @@
 <h2 id="000">5.19.0 (0000-00-00)</h2>
 <ul>
 <li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme has added two new color variants <code>zen-light</code> and <code>zen-dark</code>.</p>
+</li>
+<li>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme has updated its Mermaid dependency to 10.3.1. This adds support for the <a href="./shortcodes/mermaid/#sankey">sankey diagram type</a> and now comes with full support for YAML inside Mermaid graphs (previously, the theme ignored explicit Mermaid theme settings in YAML).</p>
 </li>
 <li>
@@ -896,10 +899,10 @@
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-730c5470dbd949fb8111df2984b471dc" class="lightbox-link">
+<a href="#image-91c51904c1cc0b3d8e28f0fa18b27d91" class="lightbox-link">
 <img src="./basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-730c5470dbd949fb8111df2984b471dc">
+<a href="javascript:history.back();" class="lightbox" id="image-91c51904c1cc0b3d8e28f0fa18b27d91">
 <img src="./basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -946,10 +949,10 @@
 </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="#image-f8284a29aa5516b4d2990de764d9be65" class="lightbox-link">
+<a href="#image-c853b8f72fadb8ac4dfea6dd4ffa813f" class="lightbox-link">
 <img src="./basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f8284a29aa5516b4d2990de764d9be65">
+<a href="javascript:history.back();" class="lightbox" id="image-c853b8f72fadb8ac4dfea6dd4ffa813f">
 <img src="./basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
@@ -1102,10 +1105,10 @@
 </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="#image-1d5553f80bbac6df2500779eed6e5a40" class="lightbox-link">
+<a href="#image-84aec2a0b399d20eb384f9abccf164e7" class="lightbox-link">
 <img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1d5553f80bbac6df2500779eed6e5a40">
+<a href="javascript:history.back();" class="lightbox" id="image-84aec2a0b399d20eb384f9abccf164e7">
 <img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -1154,10 +1157,10 @@ 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="#image-8067d4295a1b58841f152c76efe3e35f" class="lightbox-link">
+<a href="#image-42c88fe06ff80ad426f2182d0b56f361" class="lightbox-link">
 <img src="./basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8067d4295a1b58841f152c76efe3e35f">
+<a href="javascript:history.back();" class="lightbox" id="image-42c88fe06ff80ad426f2182d0b56f361">
 <img src="./basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -1276,13 +1279,13 @@ If you have requirements to support IE and/or older browser versions, use one of
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-760dc69fc3536e73835615f652251415" aria-controls="expandcontent-760dc69fc3536e73835615f652251415" >
-    <label class="expand-label" for="expand-760dc69fc3536e73835615f652251415" >
+    <input type="checkbox" id="expand-e8bad19403eb27f3ba95d7621b5b9f10" aria-controls="expandcontent-e8bad19403eb27f3ba95d7621b5b9f10" >
+    <label class="expand-label" for="expand-e8bad19403eb27f3ba95d7621b5b9f10" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-760dc69fc3536e73835615f652251415" class="expand-content">
+    <div id="expandcontent-e8bad19403eb27f3ba95d7621b5b9f10" class="expand-content">
 
 <p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
 <p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@@ -2611,10 +2614,10 @@ window.variants && variants.generator( '#vargenerator' );
 </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="#image-2c4f596482fe9dcf0f0b0dec39150fb6" class="lightbox-link">
+<a href="#image-f397633b1fe2f812345bd71edd55cdb9" class="lightbox-link">
 <img src="./cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2c4f596482fe9dcf0f0b0dec39150fb6">
+<a href="javascript:history.back();" class="lightbox" id="image-f397633b1fe2f812345bd71edd55cdb9">
 <img src="./cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
@@ -2661,10 +2664,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-f3b12ec6b6843e811eb6c59bdeec1b69" class="lightbox-link">
+<a href="#image-b54e36a6e057933952b4bae80ff2fb31" class="lightbox-link">
 <img src="./cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f3b12ec6b6843e811eb6c59bdeec1b69">
+<a href="javascript:history.back();" class="lightbox" id="image-b54e36a6e057933952b4bae80ff2fb31">
 <img src="./cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -2678,10 +2681,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
 <p>
 		
-<a href="#image-1908d2ee4b96038077a1c43cd556756f" class="lightbox-link">
+<a href="#image-9d872d2bce812eb9c78a76789514cb29" class="lightbox-link">
 <img src="./cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1908d2ee4b96038077a1c43cd556756f">
+<a href="javascript:history.back();" class="lightbox" id="image-9d872d2bce812eb9c78a76789514cb29">
 <img src="./cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -2697,10 +2700,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
 <p>
 		
-<a href="#image-47aabfdd0c312fdbf66e421834aa2bf7" class="lightbox-link">
+<a href="#image-e2978d2ac1214a8acc4e9c22dcb9c857" class="lightbox-link">
 <img src="./cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-47aabfdd0c312fdbf66e421834aa2bf7">
+<a href="javascript:history.back();" class="lightbox" id="image-e2978d2ac1214a8acc4e9c22dcb9c857">
 <img src="./cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -3275,10 +3278,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-e3912cc1662074d5253e6628589111f9" class="lightbox-link">
+<a href="#image-3eaffd9e5f3f76eca7aeaf68b5ffbd70" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e3912cc1662074d5253e6628589111f9">
+<a href="javascript:history.back();" class="lightbox" id="image-3eaffd9e5f3f76eca7aeaf68b5ffbd70">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3292,10 +3295,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-3e9f54abc9a1723cf8c0315ea006ec0c" class="lightbox-link">
+<a href="#image-8aef470348d910b2de0ab838f68ad426" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3e9f54abc9a1723cf8c0315ea006ec0c">
+<a href="javascript:history.back();" class="lightbox" id="image-8aef470348d910b2de0ab838f68ad426">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3311,10 +3314,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-c10a6edbd661535f820081cbff952eba" class="lightbox-link">
+<a href="#image-fd9cb5e3a80a384e34a666641e32b5c0" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c10a6edbd661535f820081cbff952eba">
+<a href="javascript:history.back();" class="lightbox" id="image-fd9cb5e3a80a384e34a666641e32b5c0">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3330,10 +3333,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-3ccd4d30dc736b0a2b6df85f69ce1980" class="lightbox-link">
+<a href="#image-b0628e9b954813b6220e13e263054ef1" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3ccd4d30dc736b0a2b6df85f69ce1980">
+<a href="javascript:history.back();" class="lightbox" id="image-b0628e9b954813b6220e13e263054ef1">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3345,10 +3348,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-31caf26d106b5d61bdf5fff0ccd0af59" class="lightbox-link">
+<a href="#image-1d1460efb46c46a3bb17a54107d88f61" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-31caf26d106b5d61bdf5fff0ccd0af59">
+<a href="javascript:history.back();" class="lightbox" id="image-1d1460efb46c46a3bb17a54107d88f61">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3361,10 +3364,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-e91c5ddaddea95bdda5372f03677193f" class="lightbox-link">
+<a href="#image-d0d7e852897dcbc11deb7531ec28fdb6" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e91c5ddaddea95bdda5372f03677193f">
+<a href="javascript:history.back();" class="lightbox" id="image-d0d7e852897dcbc11deb7531ec28fdb6">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3379,10 +3382,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-050a52e162703ef569bc4595ad17b890" class="lightbox-link">
+<a href="#image-0b0a5a260d9de193c6741bd2be192c7b" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-050a52e162703ef569bc4595ad17b890">
+<a href="javascript:history.back();" class="lightbox" id="image-0b0a5a260d9de193c6741bd2be192c7b">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3395,10 +3398,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a52e2d4abb7cf92a860fb8ef594f6d80" class="lightbox-link">
+<a href="#image-7e1a34091d16a3a665e8f18a55c28f38" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a52e2d4abb7cf92a860fb8ef594f6d80">
+<a href="javascript:history.back();" class="lightbox" id="image-7e1a34091d16a3a665e8f18a55c28f38">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3411,10 +3414,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-188b43647603c82d27325b3a49ea5d7a" class="lightbox-link">
+<a href="#image-e917a376819c059be164508723812bd0" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-188b43647603c82d27325b3a49ea5d7a">
+<a href="javascript:history.back();" class="lightbox" id="image-e917a376819c059be164508723812bd0">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3427,10 +3430,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-9b4a03593b2bda1ca9973e06b386e393" class="lightbox-link">
+<a href="#image-e3cb1b2b4a237991d5fad64bb99f9570" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9b4a03593b2bda1ca9973e06b386e393">
+<a href="javascript:history.back();" class="lightbox" id="image-e3cb1b2b4a237991d5fad64bb99f9570">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3446,34 +3449,34 @@ line 3 of code
 
 <p>
 		
-<a href="#image-5e1eaae2440a3da1385adcb5357a14ac" class="lightbox-link">
+<a href="#image-2de8dbc44c24ee04e1089a67708bd86b" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5e1eaae2440a3da1385adcb5357a14ac">
+<a href="javascript:history.back();" class="lightbox" id="image-2de8dbc44c24ee04e1089a67708bd86b">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-c5415c8c71c8de54289f9b829f8b24ff" class="lightbox-link">
+<a href="#image-fa56a534ca117cc71cbbeddd3ea4243d" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c5415c8c71c8de54289f9b829f8b24ff">
+<a href="javascript:history.back();" class="lightbox" id="image-fa56a534ca117cc71cbbeddd3ea4243d">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-acfa31e079ceaabf9d22bc529695fba7" class="lightbox-link">
+<a href="#image-cb8d48e7548c5104cf0e6b17f559ca1a" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-acfa31e079ceaabf9d22bc529695fba7">
+<a href="javascript:history.back();" class="lightbox" id="image-cb8d48e7548c5104cf0e6b17f559ca1a">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-ff615ccd1ea6488b03b151b6e4de82ff" class="lightbox-link">
+<a href="#image-a3cb459d50d29a1cb22eb215049be2a4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ff615ccd1ea6488b03b151b6e4de82ff">
+<a href="javascript:history.back();" class="lightbox" id="image-a3cb459d50d29a1cb22eb215049be2a4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3486,10 +3489,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-bf04f83726c9ed9c70dd4ac127dc1c94" class="lightbox-link">
+<a href="#image-cfdf69a0925d8fc2391127eca709b7ee" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bf04f83726c9ed9c70dd4ac127dc1c94">
+<a href="javascript:history.back();" class="lightbox" id="image-cfdf69a0925d8fc2391127eca709b7ee">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3658,10 +3661,10 @@ However, if you want to keep the title but change its value, it can be overridde
 </ul>
 <p>
 		
-<a href="#image-5298a2777ea7b639e33aa3acae3ff7db" class="lightbox-link">
+<a href="#image-d8fdc7855cea7a0d0e30df993fc4d679" class="lightbox-link">
 <img src="./cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5298a2777ea7b639e33aa3acae3ff7db">
+<a href="javascript:history.back();" class="lightbox" id="image-d8fdc7855cea7a0d0e30df993fc4d679">
 <img src="./cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
@@ -5054,13 +5057,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="expand-5ab6dd95d4338b21c816b8d7040c773d" aria-controls="expandcontent-5ab6dd95d4338b21c816b8d7040c773d" >
-    <label class="expand-label" for="expand-5ab6dd95d4338b21c816b8d7040c773d" >
+    <input type="checkbox" id="expand-77a452ab546f0055bd47a4d545029ebb" aria-controls="expandcontent-77a452ab546f0055bd47a4d545029ebb" >
+    <label class="expand-label" for="expand-77a452ab546f0055bd47a4d545029ebb" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-5ab6dd95d4338b21c816b8d7040c773d" class="expand-content">
+    <div id="expandcontent-77a452ab546f0055bd47a4d545029ebb" 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>
@@ -5187,26 +5190,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="expand-53abaabf52b4c33c7045952594c1d893" aria-controls="expandcontent-53abaabf52b4c33c7045952594c1d893" >
-    <label class="expand-label" for="expand-53abaabf52b4c33c7045952594c1d893" >
+    <input type="checkbox" id="expand-3a9fadea832e760eb6cec0467a182165" aria-controls="expandcontent-3a9fadea832e760eb6cec0467a182165" >
+    <label class="expand-label" for="expand-3a9fadea832e760eb6cec0467a182165" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-53abaabf52b4c33c7045952594c1d893" class="expand-content">
+    <div id="expandcontent-3a9fadea832e760eb6cec0467a182165" 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="expand-f84bbd876b270967e0cd68dac6152cbf" aria-controls="expandcontent-f84bbd876b270967e0cd68dac6152cbf"  checked>
-    <label class="expand-label" for="expand-f84bbd876b270967e0cd68dac6152cbf" >
+    <input type="checkbox" id="expand-19b5fccc32629a4ef1a428e74f6cf17d" aria-controls="expandcontent-19b5fccc32629a4ef1a428e74f6cf17d"  checked>
+    <label class="expand-label" for="expand-19b5fccc32629a4ef1a428e74f6cf17d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-f84bbd876b270967e0cd68dac6152cbf" class="expand-content">
+    <div id="expandcontent-19b5fccc32629a4ef1a428e74f6cf17d" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -5227,13 +5230,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="expand-5b0f4d1a3130c573966272481248ad8c" aria-controls="expandcontent-5b0f4d1a3130c573966272481248ad8c" >
-    <label class="expand-label" for="expand-5b0f4d1a3130c573966272481248ad8c" >
+    <input type="checkbox" id="expand-5e131c83b9d093a640b69ed59eef4680" aria-controls="expandcontent-5e131c83b9d093a640b69ed59eef4680" >
+    <label class="expand-label" for="expand-5e131c83b9d093a640b69ed59eef4680" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-5b0f4d1a3130c573966272481248ad8c" class="expand-content">
+    <div id="expandcontent-5e131c83b9d093a640b69ed59eef4680" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -6979,7 +6982,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-011a7a3a1531e9cd1c8777f8c522f580"
+    id="openapi-4f853d0e73a9fe71add1ba5802427c84"
     openapi-url="./shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7085,13 +7088,13 @@ Electricity grid,H2 conversion,27.14
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="aa047fbc777fa741a3da8bec5d07ec9a">
+<div class="tab-panel" data-tab-group="989e20280d7fd49fbb04071654c99c6b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="config.toml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('aa047fbc777fa741a3da8bec5d07ec9a','config.toml')"
+      onclick="switchTab('989e20280d7fd49fbb04071654c99c6b','config.toml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -7127,13 +7130,13 @@ Electricity grid,H2 conversion,27.14
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="./shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="6b092e7dc8bf480c66164297135e57fb">
+<div class="tab-panel" data-tab-group="4c3d88abe72f71daba309f84e2707050">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6b092e7dc8bf480c66164297135e57fb','c')"
+      onclick="switchTab('4c3d88abe72f71daba309f84e2707050','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7243,13 +7246,13 @@ Electricity grid,H2 conversion,27.14
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block with Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="46ca898f46f28db0e4b4df17be704523">
+<div class="tab-panel" data-tab-group="08b232712b8113a1316455a6fcb693f3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('46ca898f46f28db0e4b4df17be704523','Code')"
+      onclick="switchTab('08b232712b8113a1316455a6fcb693f3','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -7269,13 +7272,13 @@ Electricity grid,H2 conversion,27.14
 </div>
 <h3 id="mixed-markdown-content">Mixed Markdown Content</h3>
 
-<div class="tab-panel" data-tab-group="a435d0a73f0418314d3ffa9a1bad9713">
+<div class="tab-panel" data-tab-group="fa2ee6f6f26c9d1b455a4805708587fa">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a435d0a73f0418314d3ffa9a1bad9713','Mixed')"
+      onclick="switchTab('fa2ee6f6f26c9d1b455a4805708587fa','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -7323,13 +7326,13 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2048fb7e012b51e2f7f8e3fba4794a53">
+<div class="tab-panel" data-tab-group="b775c7c4ec957105b3fe0a77b2b018e0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just colored style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','just colored style')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -7339,7 +7342,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','just color')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -7349,7 +7352,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="default style and color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','default style and color')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','default style and color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -7359,7 +7362,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','just severity stylefa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -7369,7 +7372,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="severity style and colorfa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','severity style and colorfa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style and color</div>
@@ -7440,13 +7443,13 @@ Electricity grid,H2 conversion,27.14
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="./shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="6b6d2dd31591d261f52f5bfc3711d41b">
+<div class="tab-panel" data-tab-group="9c3ec4684f4d04d576df367e0fd59daf">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6b6d2dd31591d261f52f5bfc3711d41b','py')"
+      onclick="switchTab('9c3ec4684f4d04d576df367e0fd59daf','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -7456,7 +7459,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6b6d2dd31591d261f52f5bfc3711d41b','sh')"
+      onclick="switchTab('9c3ec4684f4d04d576df367e0fd59daf','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -7466,7 +7469,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6b6d2dd31591d261f52f5bfc3711d41b','c')"
+      onclick="switchTab('9c3ec4684f4d04d576df367e0fd59daf','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7623,13 +7626,13 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="da0c8f4bbc851ecdcb516b7a586f161f">
+<div class="tab-panel" data-tab-group="f967585ab3f90911dc83c797a4e22296">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Group A, Tab View 1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('da0c8f4bbc851ecdcb516b7a586f161f','Group A, Tab View 1')"
+      onclick="switchTab('f967585ab3f90911dc83c797a4e22296','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -7639,7 +7642,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('da0c8f4bbc851ecdcb516b7a586f161f','Group A, Tab View 2')"
+      onclick="switchTab('f967585ab3f90911dc83c797a4e22296','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -7649,7 +7652,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('da0c8f4bbc851ecdcb516b7a586f161f','Group B')"
+      onclick="switchTab('f967585ab3f90911dc83c797a4e22296','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -8049,8 +8052,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1691840799" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1691840799" defer></script>
+    <script src="./js/clipboard.min.js?1691849472" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1691849472" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8079,27 +8082,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1691840799"></script>
-    <script src="./js/d3/d3-color.min.js?1691840799" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1691840799" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1691840799" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1691840799" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1691840799" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1691840799" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1691840799" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1691840799" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1691840799" defer></script>
-    <script src="./js/js-yaml.min.js?1691840799" defer></script>
-    <script src="./js/mermaid.min.js?1691840799" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1691849472"></script>
+    <script src="./js/d3/d3-color.min.js?1691849472" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1691849472" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1691849472" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1691849472" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1691849472" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1691849472" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1691849472" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1691849472" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1691849472" defer></script>
+    <script src="./js/js-yaml.min.js?1691849472" defer></script>
+    <script src="./js/mermaid.min.js?1691849472" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="./js/swagger-ui/swagger-ui-bundle.js?1691840799" defer></script>
-    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1691840799" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-bundle.js?1691849472" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1691849472" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691840799", assetsBuster:  1691840799  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691849472", assetsBuster:  1691849472  };
     </script>
-    <script src="./js/theme.js?1691840799" defer></script>
+    <script src="./js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/index.search.js b/index.search.js
index f226508c94..656f8e7bfd 100644
--- a/index.search.js
+++ b/index.search.js
@@ -37,7 +37,7 @@ var relearn_search_index = [
     "uri": "/cont/index.html"
   },
   {
-    "content": "This document shows you what’s new in the latest release. For a detailed list of changes, see the history page.\n0.95.0 The minimum required Hugo version.\nBreaking A change that requires action by you after upgrading to assure the site is still functional.\nChange A change in default behavior that may requires action by you if you want to revert it.\nNew Marks new behavior you might find interesting or comes configurable.\n5.19.0 (0000-00-00) New The theme has updated its Mermaid dependency to 10.3.1. This adds support for the sankey diagram type and now comes with full support for YAML inside Mermaid graphs (previously, the theme ignored explicit Mermaid theme settings in YAML).\nNew Translation into Hungarian.\n5.18.0 (2023-07-27) Change The theme adds additional warnings for deprecated or now unsupported features. The warnings include hints how to fix them and an additional link to the documenation.\nDEPRECATION warnings mark features that still work but may be removed in the future.\nUNSUPPORTED warnings mark features that will not work anymore.\nChange There are visual improvements in displaying text links in your content aswell as to some other clickable areas in the theme. If you’ve overwritten some theme styles in your own CSS, keep this in mind.\nNew Restored compatibility with Hugo 0.95.0 or higher. This does not change the minimum required Hugo version.\nNew The siteparam shortcode is now capable in displaying nested params aswell as supporting text formatting.\n5.17.0 (2023-06-22) Change The default behavior for the copy-to-clipboard feature for code blocks has changed.\nThe copy-to-clipboard button for code blocks will now only be displayed if the reader hovers the code block.\nIf you dislike this new behavior you can turn it off and revert to the old behavior by adding [params] disableHoverBlockCopyToClipBoard=true to your config.toml.\nNew Restored compatibility with Hugo 0.114.0 or higher. This does not change the minimum required Hugo version.\nNew The new highlight shortcode replaces Hugo’s default implementation and is fully compatible. So you don’t need to change anything.\nIn addition it offers some extensions. Currently only the wrap extension option is provided to control whether a code block should be wrapped or scrolled if to long to fit.\n5.16.0 (2023-06-10) Change The theme now provides warnings for deprecated or now unsupported features. The warnings include hints how to fix them and an additional link to the documenation.\nDEPRECATION warnings mark features that still work but may be removed in the future.\nUNSUPPORTED warnings mark features that will not work anymore.\nChange The 404 error page was revamped. Hopefully you will not see this very often.\nNew The tabs shortcode and the tab shortcode received some love and now align with their style, color, title and icon parameter to the other shortcodes.\nThe visuals are now slightly different compared to previous versions. Most noteable, if you now display a single code block in a tab, its default styling will adapt to that of a code block but with a tab handle at the top.\nAdditionally the name parameter was renamed to title but you don’t need to change anything yet as the old name will be used as a fallback. Nevertheless you will get deprecation warnings while executing Hugo.\nNew The theme now optionally supports separate favicons for light \u0026 dark mode.\n5.15.0 (2023-05-29) Change Restored compatibility with Hugo 0.112.0 or higher. This does not change the minimum required Hugo version.\nThe attachments shortcode has compatiblity issues with newer Hugo versions. You must switch to leaf bundles or are locked to Hugo \u003c 0.112.0 for now.\nIt is planned to refactor the attchments shortcode in the future. This will make it possible to use the shortcode in branch bundles again but not in simple pages anymore. This will most likely come with a breaking change.\nChange The tabs shortcode has changed behavior if you haven’t set the groupid parameter.\nFormerly all tab views without a groupid were treated as so they belong to the same group. Now, each tab view is treated as it was given a unique id.\nNew The already known tabshas a new friend the tab shortcode to make it easier to create a tab view in case you only need one single tab. Really handy if you want to flag your code examples with a language identifier.\nAdditionally for such a use case, the whitespace between a tab outline and the code is removed if only a single code block is contained.\nNew Besides the tag taxonomy the theme now also provides the category taxonomy out of the box and shows them in the content footer of each page.\n5.14.0 (2023-05-20) New The taxonomy pages received some love in this release, making them better leverage available screen space and adding translation support for the taxonomy names.\nHugo’s default taxonmies tags and categories are already contained in the theme’s i18n files. If you have self-defined taxonomies, you can add translations by adding them to your own i18n files. If you don’t provide translations, the singualar and plural forms are taken as configured in your config.toml.\nNew To give you more flexibility in customizing your article layout a new partial content-header.html is introduced.\nThis came out of the requirement to customize the position of article tags, which by default are displayed above the title. A second requirement was to also show additional taxonomies not supported by the theme natively. While Hugo supports tags and categories by default, the theme only displays tags.\nSo how to adjust the position of tags starting from the theme’s default where tags are only shown above the title?\nHide tags above title: Overwrite content-header.html with an empty file. Show tags between title and content: Overwrite heading-post.html and add {{- partial \"tags.html\" . }} to it. Show tags below content: Overwrite content-footer.html and add {{- partial \"tags.html\" . }} to it. New The new parameter breadcrumbSeparator is now available in your config.toml to change the - well - separator of the breadcrumb items. An appropriate default is in place if you do not configure anything.\n5.13.0 (2023-05-17) Change The swagger shortcode was deprecated in favor for the openapi shortcode. You don’t need to change anything yet as the old name will be used as a fallback. It is planned to remove the swagger shortcode in the next major release.\nAdditionally, the implemantion of this shortcode was switched from RapiDoc to SwaggerUI.\n5.12.0 (2023-05-04) Change In the effort to comply with WCAG standards, the implementation of the collapsible menu was changed (again). While Internet Explorer 11 has issues in displaying it, the functionality still works.\nNew Support for the great VSCode Front Matter extension which provides on-premise CMS capabilties to Hugo.\nThe theme provides Front Matter snippets for its shortcodes. Currently only English and German is supported. Put a reference into your frontmatter.json like this\n{ ... \"frontMatter.extends\": [ \"./vscode-frontmatter/snippets.en.json\" ] ... } New Support for languages that are written right to left (like Arabic) is now complete and extended to the menu, the top navigation bar and print. You can experience this in the pirate translation. This feature is not available in Internet Explorer 11.\nNew The scrollbars are now colored according to their variant color scheme to better fit into the visuals.\n5.11.0 (2023-02-07) Change The theme removed the popular jQuery library from its distribution.\nIn case you made changes to the theme that are dependend on this library you can place a copy of jQuery into your static/js directory and load it from your own layouts/partials/custom-header.html like this:\n\u003cscript src=\"{{\"js/jquery.min.js\"| relURL}}\" defer\u003e\u003c/script\u003e Change Mermaid diagrams can now be configured for pan and zoom on site-, page-level or individually for each graph.\nThe default setting of on, in effect since 1.1.0, changed back to off as there was interference with scrolling on mobile and big pages.\nChange The theme is now capable to visually adapt to your OS’s light/dark mode setting.\nThis is also the new default setting if you haven’t configured themeVariant in your config.toml.\nAdditionally you can configure the variants to be taken for light/dark mode with the new themeVariantAuto parameter.\nThis is not supported for Internet Explorer 11, which still displays in the relearn-light variant.\nChange The JavaScript code for handling image lightboxes (provided by Featherlight) was replaced by a CSS-only solution.\nThis also changed the lightbox effects parameter from featherlight=false to lightbox=false. Nevertheless you don’t need to change anything as the old name will be used as a fallback.\nChange In the effort to comply with WCAG standards, the implementation of the expand shortcode was changed. While Internet Explorer 11 has issues in displaying it, the functionality still works.\nNew Translation into Czech. This language is not supported for search.\nNew GitHub releases are also now tagged for the main version (eg. 1.2.x), major version (eg. 1.x) and the latest (just x) release making it easier for you to pin the theme to a certain version.\n5.10.0 (2023-01-25) New The attachments, badge, button and notice shortcodes have a new parameter color to set arbitrary CSS color values.\nAdditionally the --ACCENT-color brand color introduced in version 5.8.0 is now supported with these shortcodes.\n5.9.0 (2022-12-23) Breaking With this version it is now possible to not only have sections on the first menu level but also pages.\nIt was later discovered, that this causes pages only meant to be displayed in the More section of the menu and stored directly inside your content directory to now show up in the menu aswell.\nTo get rid of this undesired behavior you have two choices:\nMake the page file for the More section a headless branch bundle (contained in its own subdirectory and called _index.md) and add the following frontmatter configuration to the file (see exampleSite’s content/showcase). This causes its content to not be contained in the sitemap.\n[_build] render = \"never\" list = \"never\" publishResources = false Store the page file for the More section below a parent headless branch bundle and add the following frontmatter to the parent. In this case, the file itself can be a branch bundle, leaf bundle or simple page (see exampleSite’s content/more/ and content/more/credits). This causes its content to be contained in the sitemap.\n[_build] render = \"always\" list = \"never\" publishResources = true Change The required folder name for the attachments shortcode was changed for leaf bundles.\nPreviously, the attachments for leaf bundles in non-multilang setups were required to be in a files subdirectory. For page bundles and leaf bundles in multilang setups they were always required to be in a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments for leaf bundles in non-multilang setups can now also reside in a index.files directory. Although the old files directory is now deprecated, if both directories are present, only the old files directory will be used for compatiblity.\nChange Absolute links prefixed with http:// or https:// are now opened in a separate browser tab.\nYou can revert back to the old behavior by defining externalLinkTarget=\"_self\" in the params section of your config.toml.\nNew The theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New The new badge shortcode is now available to add highly configurable markers to your content as you can see it on this page.\nNew The new icon shortcode simplyfies the usage of icons. This can even be combined with also new badge shortcode.\nNew The theme now supports some of GFM (GitHub Flavored Markdown) syntax and Hugo Markdown extensions, namely task lists, defintion lists and footnotes.\nNew A new color --ACCENT-color was introduced which is used for highlightning search results on the page. In case you simply don’t care, you don’t need to change anything in your variant stylesheet as the old yellow color is still used as default.\n5.7.0 (2022-11-29) Change The Korean language translation for this theme is now available with the language code ko. Formerly the country code kr was used instead.\nNew The button shortcode can now also be used as a real button inside of HTML forms - although this is a pretty rare use case. The documentation was updated accordingly.\nNew The search now supports the Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.\nTo activate this feature, you need to configure it in your config.toml as a new outputformat SEARCHPAGE for the home page. If you don’t configure it, no dedicated search page will be accessible and the theme works as before.\nYou can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.\nNew Keyboard handling for the TOC and search was improved.\nPressing CTRL+ALT+t now will not only toggle the TOC overlay but also places the focus to the first heading on opening. Subsequently this makes it possible to easily select headings by using the TAB key.\nThe search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus the cursor inside of the the search box so you can immediately start your search by typing.\nNew You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.\nTo configure this in your config.toml make sure to set Hugo’s disableHugoGeneratorInject=true and also [params] disableGeneratorVersion=true, otherwise Hugo will generate a meta tag into your home page automagically.\nNew Creation of your project gets a little bit faster with this release.\nThis addresses increased build time with the 5.x releases. The theme now heavily caches partial results leading to improved performance. To further increase performance, unnecessary parts of the page are now skipped for creation of the print output (eg. menus, navigation bar, etc.).\n5.5.0 (2022-11-06) Change The way images are processed has changed. Now images are lazy loaded by default which speeds up page load on slow networks and/or big pages and also the print preview.\nFor that the JavaScript code to handle the lightbox and image effects on the client side was removed in favour for static generation of those effects on the server.\nIf you have used HTML directly in your Markdown files, this now has the downside that it doesn’t respect the effect query parameter anymore. In this case you have to migrate all your HTML img URLs manually to the respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change With the proper settings in your config.toml your page is now servable from the local file system using file:// URLs.\nPlease note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your config.toml from JSON to SEARCH. The now deprecated JSON outputformat still works as before, so there is no need to reconfigure your installation if it is only served from http:// or https://.\nChange The button shortcode has a new parameter target to set the destination frame/window for the URL to open. If not given, it defaults to a new window/tab for external URLs or is not set at all for internal URLs. Previously even internal URLs where opened in a new window/tab.\nNew The math shortcode and mermaid shortcode now also support the align parameter if codefence syntax is used.\nNew Support for languages that are written right to left (like Arabic). This is only implemented for the content area but not the navigation sidebar. This feature is not available in Internet Explorer 11.\nNew Translation into Finnish (Suomi).\n5.3.0 (2022-10-07) Change In the effort to comply with WCAG standards, the implementation of the collapsible menu was changed. The functionality of the new implementation does not work with old browsers (Internet Explorer 11).\nNew Image formatting has two new classes to align images to the left or right. Additionally, the already existing inline option is now documented.\nNew Printing for the swagger shortcode was optimized to expand sections that are usually closed in interactive mode. This requires print support to be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true in your config.toml, the menu will be expanded if a search term is found in a collapsed submenu. The menu will return to its initial collapse state once the search term does not match any submenus. 5.1.0 (2022-07-15) 0.95.0 This release requires a newer Hugo version.\nChange Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a index.print.html to the default URL.\nYou can revert this behavior by overwriting the PRINT output format setting in your config.tomlto:\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalinkable = false 5.0.0 (2022-07-05) Breaking The theme changed how JavaScript and CSS dependencies are loaded to provide a better performance. In case you’ve added own JavaScript code that depends on the themes jQuery implementation, you have to put it into a separate *.js file (if not already) and add the defer keyword to the script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change The way archetypes are used to generate output has changed. The new systems allows you, to redefine existing archetypes or even generate your own ones.\nYour existing markdown files will still work like before and therefore you don’t need to change anything after the upgrade. Nevertheless, it is recommended to adapt your existing markdown files to the new way as follows:\nfor your home page, add the frontmatter parameter archetype = \"home\" and remove the leading heading\nfor all files containing the deprecated frontmatter parameter chapter = true, replace it with archetype = \"chapter\" and remove the leading headings\nChange The frontmatter options pre / post were renamed to menuPre / menuPost. The old options will still be used if the new options aren’t set. Therefore you don’t need to change anything after the upgrade.\nNew Adding new partials heading-pre.html / heading-post.html and according frontmatter options headingPre / headingPost to modify the way your page`s main heading gets styled.\nNew The new shortcode math is available to add beautiful math and chemical formulae. See the documentation for available features. This feature will not work with Internet Explorer 11.\n4.2.0 (2022-06-23) Breaking The second parameter for the include shortcode was switched in meaning and was renamed from showfirstheading to hidefirstheading. If you haven’t used this parameter in your shortcode, the default behavior hasn’t changed and you don’t need to change anything.\nIf you’ve used the second boolean parameter, you have to rename it and invert its value to achieve the same behavior.\nChange Previously, if the tabs shortcode could not find a tab item because, the tabs ended up empty. Now the first tab is selected instead.\nChange The landingPageURL was removed from config.toml. You can safely remove this as well from your configuration as it is not used anymore. The theme will detect the landing page URL automatically and will point to the project’s homepage. If you want to support a different link, overwrite the logo.html partial.\nNew All shortcodes can now be also called from your partials. Examples for this are added to the documentation of each shortcode.\n4.1.0 (2022-06-12) New While fixing issues with the search functionality for non Latin languages, you can now configure to have multiple languages on a single page. 4.0.0 (2022-06-05) Breaking The custom_css config parameter was removed from the configuration. If used in an existing installation, it can be achieved by overriding the custom-header.html template in a much more generic manner.\nBreaking Because anchor hover color was not configurable without introducing more complexity to the variant stylesheets, we decided to remove --MAIN-ANCHOR-color instead. You don’t need to change anything in your custom color stylesheet as the anchors now get their colors from --MAIN-LINK-color and --MAIN-ANCHOR-HOVER-color respectively.\nNew All shortcodes now support named parameter. The positional parameter are still supported but will not be enhanced with new features, so you don’t need to change anything in your installation.\nThis applies to expand, include, notice and siteparam.\nNew The button shortcode received some love and now has a parameter for the color style similar to other shortcodes.\nNew New colors --PRIMARY-color and --SECONDARY-color were added to provide easier modification of your custom style. Shortcodes with a color style can now have primary or secondary as additional values.\nThese two colors are the default for other, more specific color variables. You don’t need to change anything in your existing custom color stylesheets as those variables get reasonable default values.\nNew Translation into Polish. This language is not supported for search.\nNew The documentation for all shortcodes were revised.\n3.4.0 (2022-04-03) Breaking If you had previously overwritten the custom-footer.html partial to add visual elements below the content of your page, you have to move this content to the new partial content-footer.html. custom-footer.html was never meant to contain HTML other than additional styles and JavaScript.\nNew If you prefer expandable/collapsible menu items, you can now set collapsibleMenu=true in your config.toml. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.\nNew You can activate print support in your config.toml to add the capability to print whole chapters or even the complete site.\nNew Translation into Traditional Chinese.\n3.3.0 (2022-03-28) New Introduction of new CSS variables to set the font. The theme distinguishes between --MAIN-font for all content text and --CODE-font for inline or block code. There are additional overrides for all headings. See the theme variant generator of the exampleSite for all available variables.\nNew The new shortcode swagger is available to include a UI for REST OpenAPI specifications. See the documentation for available features. This feature will not work with Internet Explorer 11.\n3.2.0 (2022-03-19) 0.93.0 This release requires a newer Hugo version.\nChange In this release the Mermaid JavaScript library will only be loaded on demand if the page contains a Mermaid shortcode or is using Mermaid codefences. This changes the behavior of disableMermaid config option as follows: If a Mermaid shortcode or codefence is found, the option will be ignored and Mermaid will be loaded regardlessly.\nThe 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. See the theme variant generator of the exampleSite for an example.\nNew Additional color variant variable --MERMAID-theme to set the variant’s Mermaid theme. This causes the Mermaid theme to switch with the color variant if it defers from the setting of the formerly selected color variant.\n3.1.0 (2022-03-15) New attachment and notice shortcodes have a new parameter to override the default icon. Allowed values are all Font Awesome 5 Free icons. 3.0.0 (2022-02-22) Breaking We made changes to the menu footer. If you have your menu-footer.html partial overridden, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the menu-footer.html partial that is coming with the exampleSite.\nThis change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and Clear history functionality).\nBreaking We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.\nThis change will only affect your installation if you’ve not set the themeVariant parameter in your config.toml. If you still want to use the Learn color variant, you have to explicitly set themeVariant=\"learn\" in your config.toml.\nNote, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due to a bug, that we couldn’t fix in a general manner for color variants, we decided to remove --MENU-SEARCH-BOX-ICONS-color and introduced --MENU-SEARCH-color instead. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color to --MENU-SEARCH-BORDER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nNew With this release you are now capable to define your own dark mode variants.\nTo make this possible, we have introduced a lot more color variables you can use in your color variants. Your old variants will still work and don’t need to be changed as appropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.\nTo see what’s now possible, see the new variants relearn-dark and neon that are coming with this release.\nNew To make the creation of new variants easier for you, we’ve added a new interactive theme variant generator. This feature will not work with Internet Explorer 11.\nNew You can now configure multiple color variants in your config.toml. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer. See the documentation for configuration.\nNote, that the new variant switch will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant switcher will not be displayed with Internet Explorer 11.\n2.9.0 (2021-11-19) Breaking This release removes the themes implementation of ref/relref in favor for Hugos standard implementation. This is because of inconsistencies with the themes implementation. In advantage, your project becomes standard compliant and exchanging this theme in your project to some other theme will be effortless.\nIn a standard compliant form you must not link to the *.md file but to its logical name. You’ll see, referencing other pages becomes much easier. All three types result in the same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configuration Leaf bundle basics/configuration/index.md basics/configuration Page basics/configuration.md basics/configuration If you’ve linked from a page of one language to a page of another language, conversion is a bit more difficult but Hugo got you covered as well.\nAlso, the old themes implementation allowed refs to non-existing content. This will cause Hugos implementation to show the error below and abort the generation. If your project relies on this old behavior, you can reconfigure the error handling of Hugos implementation.\nIn the best case your usage of the old implementation is already standard compliant and you don’t need to change anything. You’ll notice this very easily once you’ve started hugo server after an upgrade and no errors are written to the console.\nYou may see errors on the console after the update in the form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": page not foundIn this case, you must apply one of two options:\nStart up a text editor with regular expression support for search and replace. Search for (ref\\s+\"[^\"]*?)(?:/_index|/index)?(?:\\.md)?(#[^\"]*?)?\" and replace it by $1$2\" in all *.md files. This is the recommended choice.\nCopy the old implementation files theme/hugo-theme-relearn/layouts/shortcode/ref.html and theme/hugo-theme-relearn/layouts/shortcode/relref.html to your own projects layouts/shortcode/ref.html and layouts/shortcode/relref.html respectively. This is not recommended as your project will still rely on non-standard behavior afterwards.\n2.8.0 (2021-11-03) Change Although never officially documented, this release removes the font Novacento/Novecento. If you use it in an overwritten CSS please replace it with Work Sans. This change was necessary as Novacento did not provide all Latin special characters and lead to mixed styled character text eg. for Czech.\nNew The theme now supports favicons served from static/images/ named as favicon or logo in SVG, PNG or ICO format out of the box. An overridden partial layouts/partials/favicon.html may not be necessary anymore in most cases.\nNew You can hide the table of contents menu for the whole site by setting the disableToc option in your config.toml. For an example see the example configuration.\n2.7.0 (2021-10-24) New Optional second parameter for notice shortcode to set title in box header. 2.6.0 (2021-10-21) New Your site can now be served from a subfolder if you set baseURL and canonifyURLs=true in your config.toml. See the documentation for a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color and --CODE-BLOCK-BG-color were added to provide a fallback for Hugos syntax highlighting in case guessSyntax=true is set. Ideally the colors are set to the same values as the ones from your chosen chroma style. 2.4.0 (2021-10-07) Change Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.\nNew Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting disableTagHiddenPages=true in your config.toml.\nNew You can define the expansion state of your menus for the whole site by setting the alwaysopen option in your config.toml. Please see further documentation for possible values and default behavior.\nNew New frontmatter ordersectionsby option to change immediate children sorting in menu and children shortcode. Possible values are title or weight.\nNew Alternate content of a page is now advertised in the HTML meta tags. See Hugo documentation.\n2.3.0 (2021-09-13) 0.81.0 This release requires a newer Hugo version.\nNew Showcase multilanguage features by providing a documentation translation “fer us pirrrates”. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints.\n2.2.0 (2021-09-09) New Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting disableSeoHiddenPages=true in your config.toml. 2.1.0 (2021-09-07) 0.69.0 This release requires a newer Hugo version.\nChange In case the site’s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see CHANGELOG.md in the exampleSite), they will now be ignored by the search.\nNew Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting disableSearchHiddenPages=true in your config.toml.\nNew If a search term is found in an expand shortcode, the expand will be opened.\nNew The menu will scroll the active item into view on load.\n2.0.0 (2021-08-28) Change Syntax highlighting was switched to the built in Hugo mechanism. You may need to configure a new stylesheet or decide to roll you own as described on in the Hugo documentation\nChange In the predefined stylesheets there was a typo and --MENU-HOME-LINK-HOVERED-color must be changed to --MENU-HOME-LINK-HOVER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange --MENU-HOME-LINK-color and --MENU-HOME-LINK-HOVER-color were missing in the documentation. You should add them to your custom stylesheets if you want to override the defaults.\nChange Arrow navigation and children shortcode were ignoring setting for ordersectionsby. This is now changed and may result in different sorting order of your sub pages.\nChange If hidden pages are accessed directly by typing their URL, they will be exposed in the menu.\nChange A page without a title will be treated as hidden=true.\nNew You can define the expansion state of your menus in the frontmatter. Please see further documentation for possible values and default behavior.\nNew New partials for defining pre/post content for menu items and the content. See documentation for further reading.\nNew Shortcode children with new parameter containerstyle.\nNew New shortcode include to include arbitrary file content into a page.\n1.2.0 (2021-07-26) New Shortcode expand with new parameter to open on page load. 1.1.0 (2021-07-02) Breaking Mermaid diagrams can now be panned and zoomed. This isn’t configurable yet.\nNew Mermaid config options can be set in config.toml.\n1.0.0 (2021-07-01) 0.65.0 The requirement for the Hugo version of this theme is the same as for the Learn theme version 2.5.0 on 2021-07-01.\nNew Initial fork of the Learn theme based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to Relearn and a new logo. For the reasons behind forking the Learn theme, see this comment in the Learn issues.\n",
+    "content": "This document shows you what’s new in the latest release. For a detailed list of changes, see the history page.\n0.95.0 The minimum required Hugo version.\nBreaking A change that requires action by you after upgrading to assure the site is still functional.\nChange A change in default behavior that may requires action by you if you want to revert it.\nNew Marks new behavior you might find interesting or comes configurable.\n5.19.0 (0000-00-00) New The theme has added two new color variants zen-light and zen-dark.\nNew The theme has updated its Mermaid dependency to 10.3.1. This adds support for the sankey diagram type and now comes with full support for YAML inside Mermaid graphs (previously, the theme ignored explicit Mermaid theme settings in YAML).\nNew Translation into Hungarian.\n5.18.0 (2023-07-27) Change The theme adds additional warnings for deprecated or now unsupported features. The warnings include hints how to fix them and an additional link to the documenation.\nDEPRECATION warnings mark features that still work but may be removed in the future.\nUNSUPPORTED warnings mark features that will not work anymore.\nChange There are visual improvements in displaying text links in your content aswell as to some other clickable areas in the theme. If you’ve overwritten some theme styles in your own CSS, keep this in mind.\nNew Restored compatibility with Hugo 0.95.0 or higher. This does not change the minimum required Hugo version.\nNew The siteparam shortcode is now capable in displaying nested params aswell as supporting text formatting.\n5.17.0 (2023-06-22) Change The default behavior for the copy-to-clipboard feature for code blocks has changed.\nThe copy-to-clipboard button for code blocks will now only be displayed if the reader hovers the code block.\nIf you dislike this new behavior you can turn it off and revert to the old behavior by adding [params] disableHoverBlockCopyToClipBoard=true to your config.toml.\nNew Restored compatibility with Hugo 0.114.0 or higher. This does not change the minimum required Hugo version.\nNew The new highlight shortcode replaces Hugo’s default implementation and is fully compatible. So you don’t need to change anything.\nIn addition it offers some extensions. Currently only the wrap extension option is provided to control whether a code block should be wrapped or scrolled if to long to fit.\n5.16.0 (2023-06-10) Change The theme now provides warnings for deprecated or now unsupported features. The warnings include hints how to fix them and an additional link to the documenation.\nDEPRECATION warnings mark features that still work but may be removed in the future.\nUNSUPPORTED warnings mark features that will not work anymore.\nChange The 404 error page was revamped. Hopefully you will not see this very often.\nNew The tabs shortcode and the tab shortcode received some love and now align with their style, color, title and icon parameter to the other shortcodes.\nThe visuals are now slightly different compared to previous versions. Most noteable, if you now display a single code block in a tab, its default styling will adapt to that of a code block but with a tab handle at the top.\nAdditionally the name parameter was renamed to title but you don’t need to change anything yet as the old name will be used as a fallback. Nevertheless you will get deprecation warnings while executing Hugo.\nNew The theme now optionally supports separate favicons for light \u0026 dark mode.\n5.15.0 (2023-05-29) Change Restored compatibility with Hugo 0.112.0 or higher. This does not change the minimum required Hugo version.\nThe attachments shortcode has compatiblity issues with newer Hugo versions. You must switch to leaf bundles or are locked to Hugo \u003c 0.112.0 for now.\nIt is planned to refactor the attchments shortcode in the future. This will make it possible to use the shortcode in branch bundles again but not in simple pages anymore. This will most likely come with a breaking change.\nChange The tabs shortcode has changed behavior if you haven’t set the groupid parameter.\nFormerly all tab views without a groupid were treated as so they belong to the same group. Now, each tab view is treated as it was given a unique id.\nNew The already known tabshas a new friend the tab shortcode to make it easier to create a tab view in case you only need one single tab. Really handy if you want to flag your code examples with a language identifier.\nAdditionally for such a use case, the whitespace between a tab outline and the code is removed if only a single code block is contained.\nNew Besides the tag taxonomy the theme now also provides the category taxonomy out of the box and shows them in the content footer of each page.\n5.14.0 (2023-05-20) New The taxonomy pages received some love in this release, making them better leverage available screen space and adding translation support for the taxonomy names.\nHugo’s default taxonmies tags and categories are already contained in the theme’s i18n files. If you have self-defined taxonomies, you can add translations by adding them to your own i18n files. If you don’t provide translations, the singualar and plural forms are taken as configured in your config.toml.\nNew To give you more flexibility in customizing your article layout a new partial content-header.html is introduced.\nThis came out of the requirement to customize the position of article tags, which by default are displayed above the title. A second requirement was to also show additional taxonomies not supported by the theme natively. While Hugo supports tags and categories by default, the theme only displays tags.\nSo how to adjust the position of tags starting from the theme’s default where tags are only shown above the title?\nHide tags above title: Overwrite content-header.html with an empty file. Show tags between title and content: Overwrite heading-post.html and add {{- partial \"tags.html\" . }} to it. Show tags below content: Overwrite content-footer.html and add {{- partial \"tags.html\" . }} to it. New The new parameter breadcrumbSeparator is now available in your config.toml to change the - well - separator of the breadcrumb items. An appropriate default is in place if you do not configure anything.\n5.13.0 (2023-05-17) Change The swagger shortcode was deprecated in favor for the openapi shortcode. You don’t need to change anything yet as the old name will be used as a fallback. It is planned to remove the swagger shortcode in the next major release.\nAdditionally, the implemantion of this shortcode was switched from RapiDoc to SwaggerUI.\n5.12.0 (2023-05-04) Change In the effort to comply with WCAG standards, the implementation of the collapsible menu was changed (again). While Internet Explorer 11 has issues in displaying it, the functionality still works.\nNew Support for the great VSCode Front Matter extension which provides on-premise CMS capabilties to Hugo.\nThe theme provides Front Matter snippets for its shortcodes. Currently only English and German is supported. Put a reference into your frontmatter.json like this\n{ ... \"frontMatter.extends\": [ \"./vscode-frontmatter/snippets.en.json\" ] ... } New Support for languages that are written right to left (like Arabic) is now complete and extended to the menu, the top navigation bar and print. You can experience this in the pirate translation. This feature is not available in Internet Explorer 11.\nNew The scrollbars are now colored according to their variant color scheme to better fit into the visuals.\n5.11.0 (2023-02-07) Change The theme removed the popular jQuery library from its distribution.\nIn case you made changes to the theme that are dependend on this library you can place a copy of jQuery into your static/js directory and load it from your own layouts/partials/custom-header.html like this:\n\u003cscript src=\"{{\"js/jquery.min.js\"| relURL}}\" defer\u003e\u003c/script\u003e Change Mermaid diagrams can now be configured for pan and zoom on site-, page-level or individually for each graph.\nThe default setting of on, in effect since 1.1.0, changed back to off as there was interference with scrolling on mobile and big pages.\nChange The theme is now capable to visually adapt to your OS’s light/dark mode setting.\nThis is also the new default setting if you haven’t configured themeVariant in your config.toml.\nAdditionally you can configure the variants to be taken for light/dark mode with the new themeVariantAuto parameter.\nThis is not supported for Internet Explorer 11, which still displays in the relearn-light variant.\nChange The JavaScript code for handling image lightboxes (provided by Featherlight) was replaced by a CSS-only solution.\nThis also changed the lightbox effects parameter from featherlight=false to lightbox=false. Nevertheless you don’t need to change anything as the old name will be used as a fallback.\nChange In the effort to comply with WCAG standards, the implementation of the expand shortcode was changed. While Internet Explorer 11 has issues in displaying it, the functionality still works.\nNew Translation into Czech. This language is not supported for search.\nNew GitHub releases are also now tagged for the main version (eg. 1.2.x), major version (eg. 1.x) and the latest (just x) release making it easier for you to pin the theme to a certain version.\n5.10.0 (2023-01-25) New The attachments, badge, button and notice shortcodes have a new parameter color to set arbitrary CSS color values.\nAdditionally the --ACCENT-color brand color introduced in version 5.8.0 is now supported with these shortcodes.\n5.9.0 (2022-12-23) Breaking With this version it is now possible to not only have sections on the first menu level but also pages.\nIt was later discovered, that this causes pages only meant to be displayed in the More section of the menu and stored directly inside your content directory to now show up in the menu aswell.\nTo get rid of this undesired behavior you have two choices:\nMake the page file for the More section a headless branch bundle (contained in its own subdirectory and called _index.md) and add the following frontmatter configuration to the file (see exampleSite’s content/showcase). This causes its content to not be contained in the sitemap.\n[_build] render = \"never\" list = \"never\" publishResources = false Store the page file for the More section below a parent headless branch bundle and add the following frontmatter to the parent. In this case, the file itself can be a branch bundle, leaf bundle or simple page (see exampleSite’s content/more/ and content/more/credits). This causes its content to be contained in the sitemap.\n[_build] render = \"always\" list = \"never\" publishResources = true Change The required folder name for the attachments shortcode was changed for leaf bundles.\nPreviously, the attachments for leaf bundles in non-multilang setups were required to be in a files subdirectory. For page bundles and leaf bundles in multilang setups they were always required to be in a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments for leaf bundles in non-multilang setups can now also reside in a index.files directory. Although the old files directory is now deprecated, if both directories are present, only the old files directory will be used for compatiblity.\nChange Absolute links prefixed with http:// or https:// are now opened in a separate browser tab.\nYou can revert back to the old behavior by defining externalLinkTarget=\"_self\" in the params section of your config.toml.\nNew The theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New The new badge shortcode is now available to add highly configurable markers to your content as you can see it on this page.\nNew The new icon shortcode simplyfies the usage of icons. This can even be combined with also new badge shortcode.\nNew The theme now supports some of GFM (GitHub Flavored Markdown) syntax and Hugo Markdown extensions, namely task lists, defintion lists and footnotes.\nNew A new color --ACCENT-color was introduced which is used for highlightning search results on the page. In case you simply don’t care, you don’t need to change anything in your variant stylesheet as the old yellow color is still used as default.\n5.7.0 (2022-11-29) Change The Korean language translation for this theme is now available with the language code ko. Formerly the country code kr was used instead.\nNew The button shortcode can now also be used as a real button inside of HTML forms - although this is a pretty rare use case. The documentation was updated accordingly.\nNew The search now supports the Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.\nTo activate this feature, you need to configure it in your config.toml as a new outputformat SEARCHPAGE for the home page. If you don’t configure it, no dedicated search page will be accessible and the theme works as before.\nYou can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.\nNew Keyboard handling for the TOC and search was improved.\nPressing CTRL+ALT+t now will not only toggle the TOC overlay but also places the focus to the first heading on opening. Subsequently this makes it possible to easily select headings by using the TAB key.\nThe search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus the cursor inside of the the search box so you can immediately start your search by typing.\nNew You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.\nTo configure this in your config.toml make sure to set Hugo’s disableHugoGeneratorInject=true and also [params] disableGeneratorVersion=true, otherwise Hugo will generate a meta tag into your home page automagically.\nNew Creation of your project gets a little bit faster with this release.\nThis addresses increased build time with the 5.x releases. The theme now heavily caches partial results leading to improved performance. To further increase performance, unnecessary parts of the page are now skipped for creation of the print output (eg. menus, navigation bar, etc.).\n5.5.0 (2022-11-06) Change The way images are processed has changed. Now images are lazy loaded by default which speeds up page load on slow networks and/or big pages and also the print preview.\nFor that the JavaScript code to handle the lightbox and image effects on the client side was removed in favour for static generation of those effects on the server.\nIf you have used HTML directly in your Markdown files, this now has the downside that it doesn’t respect the effect query parameter anymore. In this case you have to migrate all your HTML img URLs manually to the respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change With the proper settings in your config.toml your page is now servable from the local file system using file:// URLs.\nPlease note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your config.toml from JSON to SEARCH. The now deprecated JSON outputformat still works as before, so there is no need to reconfigure your installation if it is only served from http:// or https://.\nChange The button shortcode has a new parameter target to set the destination frame/window for the URL to open. If not given, it defaults to a new window/tab for external URLs or is not set at all for internal URLs. Previously even internal URLs where opened in a new window/tab.\nNew The math shortcode and mermaid shortcode now also support the align parameter if codefence syntax is used.\nNew Support for languages that are written right to left (like Arabic). This is only implemented for the content area but not the navigation sidebar. This feature is not available in Internet Explorer 11.\nNew Translation into Finnish (Suomi).\n5.3.0 (2022-10-07) Change In the effort to comply with WCAG standards, the implementation of the collapsible menu was changed. The functionality of the new implementation does not work with old browsers (Internet Explorer 11).\nNew Image formatting has two new classes to align images to the left or right. Additionally, the already existing inline option is now documented.\nNew Printing for the swagger shortcode was optimized to expand sections that are usually closed in interactive mode. This requires print support to be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true in your config.toml, the menu will be expanded if a search term is found in a collapsed submenu. The menu will return to its initial collapse state once the search term does not match any submenus. 5.1.0 (2022-07-15) 0.95.0 This release requires a newer Hugo version.\nChange Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a index.print.html to the default URL.\nYou can revert this behavior by overwriting the PRINT output format setting in your config.tomlto:\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalinkable = false 5.0.0 (2022-07-05) Breaking The theme changed how JavaScript and CSS dependencies are loaded to provide a better performance. In case you’ve added own JavaScript code that depends on the themes jQuery implementation, you have to put it into a separate *.js file (if not already) and add the defer keyword to the script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change The way archetypes are used to generate output has changed. The new systems allows you, to redefine existing archetypes or even generate your own ones.\nYour existing markdown files will still work like before and therefore you don’t need to change anything after the upgrade. Nevertheless, it is recommended to adapt your existing markdown files to the new way as follows:\nfor your home page, add the frontmatter parameter archetype = \"home\" and remove the leading heading\nfor all files containing the deprecated frontmatter parameter chapter = true, replace it with archetype = \"chapter\" and remove the leading headings\nChange The frontmatter options pre / post were renamed to menuPre / menuPost. The old options will still be used if the new options aren’t set. Therefore you don’t need to change anything after the upgrade.\nNew Adding new partials heading-pre.html / heading-post.html and according frontmatter options headingPre / headingPost to modify the way your page`s main heading gets styled.\nNew The new shortcode math is available to add beautiful math and chemical formulae. See the documentation for available features. This feature will not work with Internet Explorer 11.\n4.2.0 (2022-06-23) Breaking The second parameter for the include shortcode was switched in meaning and was renamed from showfirstheading to hidefirstheading. If you haven’t used this parameter in your shortcode, the default behavior hasn’t changed and you don’t need to change anything.\nIf you’ve used the second boolean parameter, you have to rename it and invert its value to achieve the same behavior.\nChange Previously, if the tabs shortcode could not find a tab item because, the tabs ended up empty. Now the first tab is selected instead.\nChange The landingPageURL was removed from config.toml. You can safely remove this as well from your configuration as it is not used anymore. The theme will detect the landing page URL automatically and will point to the project’s homepage. If you want to support a different link, overwrite the logo.html partial.\nNew All shortcodes can now be also called from your partials. Examples for this are added to the documentation of each shortcode.\n4.1.0 (2022-06-12) New While fixing issues with the search functionality for non Latin languages, you can now configure to have multiple languages on a single page. 4.0.0 (2022-06-05) Breaking The custom_css config parameter was removed from the configuration. If used in an existing installation, it can be achieved by overriding the custom-header.html template in a much more generic manner.\nBreaking Because anchor hover color was not configurable without introducing more complexity to the variant stylesheets, we decided to remove --MAIN-ANCHOR-color instead. You don’t need to change anything in your custom color stylesheet as the anchors now get their colors from --MAIN-LINK-color and --MAIN-ANCHOR-HOVER-color respectively.\nNew All shortcodes now support named parameter. The positional parameter are still supported but will not be enhanced with new features, so you don’t need to change anything in your installation.\nThis applies to expand, include, notice and siteparam.\nNew The button shortcode received some love and now has a parameter for the color style similar to other shortcodes.\nNew New colors --PRIMARY-color and --SECONDARY-color were added to provide easier modification of your custom style. Shortcodes with a color style can now have primary or secondary as additional values.\nThese two colors are the default for other, more specific color variables. You don’t need to change anything in your existing custom color stylesheets as those variables get reasonable default values.\nNew Translation into Polish. This language is not supported for search.\nNew The documentation for all shortcodes were revised.\n3.4.0 (2022-04-03) Breaking If you had previously overwritten the custom-footer.html partial to add visual elements below the content of your page, you have to move this content to the new partial content-footer.html. custom-footer.html was never meant to contain HTML other than additional styles and JavaScript.\nNew If you prefer expandable/collapsible menu items, you can now set collapsibleMenu=true in your config.toml. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.\nNew You can activate print support in your config.toml to add the capability to print whole chapters or even the complete site.\nNew Translation into Traditional Chinese.\n3.3.0 (2022-03-28) New Introduction of new CSS variables to set the font. The theme distinguishes between --MAIN-font for all content text and --CODE-font for inline or block code. There are additional overrides for all headings. See the theme variant generator of the exampleSite for all available variables.\nNew The new shortcode swagger is available to include a UI for REST OpenAPI specifications. See the documentation for available features. This feature will not work with Internet Explorer 11.\n3.2.0 (2022-03-19) 0.93.0 This release requires a newer Hugo version.\nChange In this release the Mermaid JavaScript library will only be loaded on demand if the page contains a Mermaid shortcode or is using Mermaid codefences. This changes the behavior of disableMermaid config option as follows: If a Mermaid shortcode or codefence is found, the option will be ignored and Mermaid will be loaded regardlessly.\nThe 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. See the theme variant generator of the exampleSite for an example.\nNew Additional color variant variable --MERMAID-theme to set the variant’s Mermaid theme. This causes the Mermaid theme to switch with the color variant if it defers from the setting of the formerly selected color variant.\n3.1.0 (2022-03-15) New attachment and notice shortcodes have a new parameter to override the default icon. Allowed values are all Font Awesome 5 Free icons. 3.0.0 (2022-02-22) Breaking We made changes to the menu footer. If you have your menu-footer.html partial overridden, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the menu-footer.html partial that is coming with the exampleSite.\nThis change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and Clear history functionality).\nBreaking We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.\nThis change will only affect your installation if you’ve not set the themeVariant parameter in your config.toml. If you still want to use the Learn color variant, you have to explicitly set themeVariant=\"learn\" in your config.toml.\nNote, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due to a bug, that we couldn’t fix in a general manner for color variants, we decided to remove --MENU-SEARCH-BOX-ICONS-color and introduced --MENU-SEARCH-color instead. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color to --MENU-SEARCH-BORDER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nNew With this release you are now capable to define your own dark mode variants.\nTo make this possible, we have introduced a lot more color variables you can use in your color variants. Your old variants will still work and don’t need to be changed as appropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.\nTo see what’s now possible, see the new variants relearn-dark and neon that are coming with this release.\nNew To make the creation of new variants easier for you, we’ve added a new interactive theme variant generator. This feature will not work with Internet Explorer 11.\nNew You can now configure multiple color variants in your config.toml. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer. See the documentation for configuration.\nNote, that the new variant switch will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant switcher will not be displayed with Internet Explorer 11.\n2.9.0 (2021-11-19) Breaking This release removes the themes implementation of ref/relref in favor for Hugos standard implementation. This is because of inconsistencies with the themes implementation. In advantage, your project becomes standard compliant and exchanging this theme in your project to some other theme will be effortless.\nIn a standard compliant form you must not link to the *.md file but to its logical name. You’ll see, referencing other pages becomes much easier. All three types result in the same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configuration Leaf bundle basics/configuration/index.md basics/configuration Page basics/configuration.md basics/configuration If you’ve linked from a page of one language to a page of another language, conversion is a bit more difficult but Hugo got you covered as well.\nAlso, the old themes implementation allowed refs to non-existing content. This will cause Hugos implementation to show the error below and abort the generation. If your project relies on this old behavior, you can reconfigure the error handling of Hugos implementation.\nIn the best case your usage of the old implementation is already standard compliant and you don’t need to change anything. You’ll notice this very easily once you’ve started hugo server after an upgrade and no errors are written to the console.\nYou may see errors on the console after the update in the form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": page not foundIn this case, you must apply one of two options:\nStart up a text editor with regular expression support for search and replace. Search for (ref\\s+\"[^\"]*?)(?:/_index|/index)?(?:\\.md)?(#[^\"]*?)?\" and replace it by $1$2\" in all *.md files. This is the recommended choice.\nCopy the old implementation files theme/hugo-theme-relearn/layouts/shortcode/ref.html and theme/hugo-theme-relearn/layouts/shortcode/relref.html to your own projects layouts/shortcode/ref.html and layouts/shortcode/relref.html respectively. This is not recommended as your project will still rely on non-standard behavior afterwards.\n2.8.0 (2021-11-03) Change Although never officially documented, this release removes the font Novacento/Novecento. If you use it in an overwritten CSS please replace it with Work Sans. This change was necessary as Novacento did not provide all Latin special characters and lead to mixed styled character text eg. for Czech.\nNew The theme now supports favicons served from static/images/ named as favicon or logo in SVG, PNG or ICO format out of the box. An overridden partial layouts/partials/favicon.html may not be necessary anymore in most cases.\nNew You can hide the table of contents menu for the whole site by setting the disableToc option in your config.toml. For an example see the example configuration.\n2.7.0 (2021-10-24) New Optional second parameter for notice shortcode to set title in box header. 2.6.0 (2021-10-21) New Your site can now be served from a subfolder if you set baseURL and canonifyURLs=true in your config.toml. See the documentation for a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color and --CODE-BLOCK-BG-color were added to provide a fallback for Hugos syntax highlighting in case guessSyntax=true is set. Ideally the colors are set to the same values as the ones from your chosen chroma style. 2.4.0 (2021-10-07) Change Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.\nNew Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting disableTagHiddenPages=true in your config.toml.\nNew You can define the expansion state of your menus for the whole site by setting the alwaysopen option in your config.toml. Please see further documentation for possible values and default behavior.\nNew New frontmatter ordersectionsby option to change immediate children sorting in menu and children shortcode. Possible values are title or weight.\nNew Alternate content of a page is now advertised in the HTML meta tags. See Hugo documentation.\n2.3.0 (2021-09-13) 0.81.0 This release requires a newer Hugo version.\nNew Showcase multilanguage features by providing a documentation translation “fer us pirrrates”. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints.\n2.2.0 (2021-09-09) New Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting disableSeoHiddenPages=true in your config.toml. 2.1.0 (2021-09-07) 0.69.0 This release requires a newer Hugo version.\nChange In case the site’s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see CHANGELOG.md in the exampleSite), they will now be ignored by the search.\nNew Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting disableSearchHiddenPages=true in your config.toml.\nNew If a search term is found in an expand shortcode, the expand will be opened.\nNew The menu will scroll the active item into view on load.\n2.0.0 (2021-08-28) Change Syntax highlighting was switched to the built in Hugo mechanism. You may need to configure a new stylesheet or decide to roll you own as described on in the Hugo documentation\nChange In the predefined stylesheets there was a typo and --MENU-HOME-LINK-HOVERED-color must be changed to --MENU-HOME-LINK-HOVER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange --MENU-HOME-LINK-color and --MENU-HOME-LINK-HOVER-color were missing in the documentation. You should add them to your custom stylesheets if you want to override the defaults.\nChange Arrow navigation and children shortcode were ignoring setting for ordersectionsby. This is now changed and may result in different sorting order of your sub pages.\nChange If hidden pages are accessed directly by typing their URL, they will be exposed in the menu.\nChange A page without a title will be treated as hidden=true.\nNew You can define the expansion state of your menus in the frontmatter. Please see further documentation for possible values and default behavior.\nNew New partials for defining pre/post content for menu items and the content. See documentation for further reading.\nNew Shortcode children with new parameter containerstyle.\nNew New shortcode include to include arbitrary file content into a page.\n1.2.0 (2021-07-26) New Shortcode expand with new parameter to open on page load. 1.1.0 (2021-07-02) Breaking Mermaid diagrams can now be panned and zoomed. This isn’t configurable yet.\nNew Mermaid config options can be set in config.toml.\n1.0.0 (2021-07-01) 0.65.0 The requirement for the Hugo version of this theme is the same as for the Learn theme version 2.5.0 on 2021-07-01.\nNew Initial fork of the Learn theme based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to Relearn and a new logo. For the reasons behind forking the Learn theme, see this comment in the Learn issues.\n",
     "description": "",
     "tags": null,
     "title": "What's New",
diff --git a/more/credits/index.html b/more/credits/index.html
index 56fd1e857e..1b7a481ef0 100644
--- a/more/credits/index.html
+++ b/more/credits/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
     <link href="../../more/credits/index.print.html" rel="alternate" type="text/html" title="Credits :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -244,12 +244,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -334,8 +334,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -377,12 +379,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index 9336e430e3..de3ebe3965 100644
--- a/more/credits/index.print.html
+++ b/more/credits/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="canonical" type="text/html" title="Credits :: Hugo Relearn Theme">
     <link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -139,8 +139,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index 0121e2564e..5f0d5d054d 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Cap&#39;n Hugo Relearrrn Theme</title>
     <base href="https://McShelby.github.io/hugo-theme-relearn/">
-    <link href="../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../js/url.js?1691840800"></script>
-    <script src="../js/variant.js?1691840800"></script>
+    <link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../js/url.js?1691849472"></script>
+    <script src="../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -38,7 +38,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       p {
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index a53ccd0c0b..b6e918fac4 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -233,10 +233,10 @@
 </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="#image-9eb8d699f5e8b6d62156cb7794399716" class="lightbox-link">
+<a href="#image-ea397858779c34ff2d9366a4b2d16e6b" class="lightbox-link">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9eb8d699f5e8b6d62156cb7794399716">
+<a href="javascript:history.back();" class="lightbox" id="image-ea397858779c34ff2d9366a4b2d16e6b">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -285,10 +285,10 @@ 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="#image-1c36d8900e1b9d9c70532b816f1285f6" class="lightbox-link">
+<a href="#image-a5ed9b138777a6631f14a893b4778703" class="lightbox-link">
 <img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1c36d8900e1b9d9c70532b816f1285f6">
+<a href="javascript:history.back();" class="lightbox" id="image-a5ed9b138777a6631f14a893b4778703">
 <img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -378,12 +378,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../js/search.js?1691840801" defer></script>
+        <script src="../../../js/auto-complete.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849474" defer></script>
+        <script src="../../../js/search.js?1691849474" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -468,8 +468,10 @@ default values:</p>
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -511,12 +513,12 @@ default values:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../js/buttons.js?1691849474"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../../js/theme.js?1691840801" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849474" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849474" defer></script>
+    <script src="../../../js/theme.js?1691849474" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index 961f78f2bf..2405ad9d0e 100644
--- a/pir/basics/configuration/index.print.html
+++ b/pir/basics/configuration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="canonical" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -189,10 +189,10 @@
 </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="#image-9eb8d699f5e8b6d62156cb7794399716" class="lightbox-link">
+<a href="#image-ea397858779c34ff2d9366a4b2d16e6b" class="lightbox-link">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9eb8d699f5e8b6d62156cb7794399716">
+<a href="javascript:history.back();" class="lightbox" id="image-ea397858779c34ff2d9366a4b2d16e6b">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -241,10 +241,10 @@ 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="#image-1c36d8900e1b9d9c70532b816f1285f6" class="lightbox-link">
+<a href="#image-a5ed9b138777a6631f14a893b4778703" class="lightbox-link">
 <img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1c36d8900e1b9d9c70532b816f1285f6">
+<a href="javascript:history.back();" class="lightbox" id="image-a5ed9b138777a6631f14a893b4778703">
 <img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -257,8 +257,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index af121df625..c1a2c6a0b4 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/customization/index.print.html" rel="alternate" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -290,12 +290,12 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../js/search.js?1691840801" defer></script>
+        <script src="../../../js/auto-complete.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849474" defer></script>
+        <script src="../../../js/search.js?1691849474" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -380,8 +380,10 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -423,12 +425,12 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../js/buttons.js?1691849474"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../../js/theme.js?1691840801" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849474" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849474" defer></script>
+    <script src="../../../js/theme.js?1691849474" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index cf19a8c7cc..a90c6dc8fa 100644
--- a/pir/basics/customization/index.print.html
+++ b/pir/basics/customization/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="canonical" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -178,8 +178,8 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 91fbbf694e..42f446d941 100644
--- a/pir/basics/generator/index.html
+++ b/pir/basics/generator/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -95,13 +95,13 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-51d143a9d5340f7190ceef4962f67ba9" aria-controls="expandcontent-51d143a9d5340f7190ceef4962f67ba9" >
-    <label class="expand-label" for="expand-51d143a9d5340f7190ceef4962f67ba9" >
+    <input type="checkbox" id="expand-c52b0ec3957163bc2b7cafe38d4faaa6" aria-controls="expandcontent-c52b0ec3957163bc2b7cafe38d4faaa6" >
+    <label class="expand-label" for="expand-c52b0ec3957163bc2b7cafe38d4faaa6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-51d143a9d5340f7190ceef4962f67ba9" class="expand-content">
+    <div id="expandcontent-c52b0ec3957163bc2b7cafe38d4faaa6" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -233,12 +233,12 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../js/search.js?1691840801" defer></script>
+        <script src="../../../js/auto-complete.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849474" defer></script>
+        <script src="../../../js/search.js?1691849474" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,8 +323,10 @@ window.variants && variants.generator( '#vargenerator' );
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -366,26 +368,26 @@ window.variants && variants.generator( '#vargenerator' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../js/buttons.js?1691849474"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1691840801" defer></script>
-    <script src="../../../js/js-yaml.min.js?1691840801" defer></script>
-    <script src="../../../js/mermaid.min.js?1691840801" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849474" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1691849474" defer></script>
+    <script src="../../../js/js-yaml.min.js?1691849474" defer></script>
+    <script src="../../../js/mermaid.min.js?1691849474" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1691840801" defer></script>
+    <script src="../../../js/theme.js?1691849474" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index 8b209f3dd3..ff5ae7f9a8 100644
--- a/pir/basics/generator/index.print.html
+++ b/pir/basics/generator/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -80,13 +80,13 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-51d143a9d5340f7190ceef4962f67ba9" aria-controls="expandcontent-51d143a9d5340f7190ceef4962f67ba9" >
-    <label class="expand-label" for="expand-51d143a9d5340f7190ceef4962f67ba9" >
+    <input type="checkbox" id="expand-c52b0ec3957163bc2b7cafe38d4faaa6" aria-controls="expandcontent-c52b0ec3957163bc2b7cafe38d4faaa6" >
+    <label class="expand-label" for="expand-c52b0ec3957163bc2b7cafe38d4faaa6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-51d143a9d5340f7190ceef4962f67ba9" class="expand-content">
+    <div id="expandcontent-c52b0ec3957163bc2b7cafe38d4faaa6" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -141,22 +141,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1691840802" defer></script>
-    <script src="../../../js/js-yaml.min.js?1691840802" defer></script>
-    <script src="../../../js/mermaid.min.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1691849476" defer></script>
+    <script src="../../../js/js-yaml.min.js?1691849476" defer></script>
+    <script src="../../../js/mermaid.min.js?1691849476" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index c887f364c1..ee99dd67a8 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/history/index.print.html" rel="alternate" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -2016,12 +2016,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../js/search.js?1691840801" defer></script>
+        <script src="../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -2106,8 +2106,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -2149,12 +2151,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../../js/theme.js?1691840801" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index 840685afab..a563bf02ea 100644
--- a/pir/basics/history/index.print.html
+++ b/pir/basics/history/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="canonical" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -1262,8 +1262,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 1b8f727f10..1cfbe5f5e5 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../js/url.js?1691840800"></script>
-    <script src="../../js/variant.js?1691840800"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../js/search.js?1691840801" defer></script>
+        <script src="../../js/auto-complete.js?1691849474" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849474" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849474" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849474" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849474" defer></script>
+        <script src="../../js/search.js?1691849474" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -270,8 +270,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -313,12 +315,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840801"></script>
+          <script async src="../../js/buttons.js?1691849474"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../js/theme.js?1691840801" defer></script>
+    <script src="../../js/clipboard.min.js?1691849474" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849474" defer></script>
+    <script src="../../js/theme.js?1691849474" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index 954c21516d..2faef6388e 100644
--- a/pir/basics/index.print.html
+++ b/pir/basics/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="canonical" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../js/url.js?1691840802"></script>
-    <script src="../../js/variant.js?1691840802"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../js/url.js?1691849476"></script>
+    <script src="../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -110,6 +110,9 @@
 <h2 id="000">5.19.0 (0000-00-00)</h2>
 <ul>
 <li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme has added two new color variants <code>zen-light</code> an' <code>zen-dark</code>.</p>
+</li>
+<li>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme has updated its Merrrmaid dependency t' 10.3.1. This adds support fer th' <a href="../../shortcodes/mermaid/#sankey">sankey diagram type</a> an' now comes wit' full support fer YAML inside Merrrmaid graphs (previously, th' theme ignored explicit Merrrmaid theme sett'ns 'n YAML).</p>
 </li>
 <li>
@@ -802,10 +805,10 @@
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-92ce1cb9838c4502afdf9d5ab9ef4107" class="lightbox-link">
+<a href="#image-a78b7f38796295b2b4531e2b18894d4c" class="lightbox-link">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-92ce1cb9838c4502afdf9d5ab9ef4107">
+<a href="javascript:history.back();" class="lightbox" id="image-a78b7f38796295b2b4531e2b18894d4c">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -854,10 +857,10 @@
 </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="#image-e393206ab13d29ac79bf92381a42746c" class="lightbox-link">
+<a href="#image-2ece43920fce6a1c5522da7a36a122ac" class="lightbox-link">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e393206ab13d29ac79bf92381a42746c">
+<a href="javascript:history.back();" class="lightbox" id="image-2ece43920fce6a1c5522da7a36a122ac">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
@@ -1012,10 +1015,10 @@
 </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="#image-9eb8d699f5e8b6d62156cb7794399716" class="lightbox-link">
+<a href="#image-ea397858779c34ff2d9366a4b2d16e6b" class="lightbox-link">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9eb8d699f5e8b6d62156cb7794399716">
+<a href="javascript:history.back();" class="lightbox" id="image-ea397858779c34ff2d9366a4b2d16e6b">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -1064,10 +1067,10 @@ 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="#image-1c36d8900e1b9d9c70532b816f1285f6" class="lightbox-link">
+<a href="#image-a5ed9b138777a6631f14a893b4778703" class="lightbox-link">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1c36d8900e1b9d9c70532b816f1285f6">
+<a href="javascript:history.back();" class="lightbox" id="image-a5ed9b138777a6631f14a893b4778703">
 <img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -1190,13 +1193,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-51d143a9d5340f7190ceef4962f67ba9" aria-controls="expandcontent-51d143a9d5340f7190ceef4962f67ba9" >
-    <label class="expand-label" for="expand-51d143a9d5340f7190ceef4962f67ba9" >
+    <input type="checkbox" id="expand-c52b0ec3957163bc2b7cafe38d4faaa6" aria-controls="expandcontent-c52b0ec3957163bc2b7cafe38d4faaa6" >
+    <label class="expand-label" for="expand-c52b0ec3957163bc2b7cafe38d4faaa6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-51d143a9d5340f7190ceef4962f67ba9" class="expand-content">
+    <div id="expandcontent-c52b0ec3957163bc2b7cafe38d4faaa6" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -2440,22 +2443,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1691840802" defer></script>
-    <script src="../../js/js-yaml.min.js?1691840802" defer></script>
-    <script src="../../js/mermaid.min.js?1691840802" defer></script>
+    <script src="../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1691849476" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1691849476" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1691849476" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1691849476" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1691849476" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1691849476" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1691849476" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1691849476" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1691849476" defer></script>
+    <script src="../../js/js-yaml.min.js?1691849476" defer></script>
+    <script src="../../js/mermaid.min.js?1691849476" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1691840802" defer></script>
+    <script src="../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index e27be7a1a4..9e4dfa2651 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/installation/index.print.html" rel="alternate" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -143,10 +143,10 @@
 </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="#image-e393206ab13d29ac79bf92381a42746c" class="lightbox-link">
+<a href="#image-2ece43920fce6a1c5522da7a36a122ac" class="lightbox-link">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e393206ab13d29ac79bf92381a42746c">
+<a href="javascript:history.back();" class="lightbox" id="image-2ece43920fce6a1c5522da7a36a122ac">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
@@ -263,12 +263,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../js/search.js?1691840801" defer></script>
+        <script src="../../../js/auto-complete.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849474" defer></script>
+        <script src="../../../js/search.js?1691849474" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -353,8 +353,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -396,12 +398,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../js/buttons.js?1691849474"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../../js/theme.js?1691840801" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849474" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849474" defer></script>
+    <script src="../../../js/theme.js?1691849474" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index 4c85449e5f..7d2a9ad44a 100644
--- a/pir/basics/installation/index.print.html
+++ b/pir/basics/installation/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="canonical" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -108,10 +108,10 @@
 </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="#image-e393206ab13d29ac79bf92381a42746c" class="lightbox-link">
+<a href="#image-2ece43920fce6a1c5522da7a36a122ac" class="lightbox-link">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e393206ab13d29ac79bf92381a42746c">
+<a href="javascript:history.back();" class="lightbox" id="image-2ece43920fce6a1c5522da7a36a122ac">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
@@ -151,8 +151,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index da24c630a1..5090d9bea1 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -159,6 +159,9 @@
 <h2 id="000">5.19.0 (0000-00-00)</h2>
 <ul>
 <li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme has added two new color variants <code>zen-light</code> an' <code>zen-dark</code>.</p>
+</li>
+<li>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme has updated its Merrrmaid dependency t' 10.3.1. This adds support fer th' <a href="../../../shortcodes/mermaid/#sankey">sankey diagram type</a> an' now comes wit' full support fer YAML inside Merrrmaid graphs (previously, th' theme ignored explicit Merrrmaid theme sett'ns 'n YAML).</p>
 </li>
 <li>
@@ -922,12 +925,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../js/search.js?1691840801" defer></script>
+        <script src="../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1012,8 +1015,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -1055,12 +1060,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../../js/theme.js?1691840801" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index 22c8f637c3..ad3d19c4b5 100644
--- a/pir/basics/migration/index.print.html
+++ b/pir/basics/migration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -94,6 +94,9 @@
 <h2 id="000">5.19.0 (0000-00-00)</h2>
 <ul>
 <li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme has added two new color variants <code>zen-light</code> an' <code>zen-dark</code>.</p>
+</li>
+<li>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme has updated its Merrrmaid dependency t' 10.3.1. This adds support fer th' <a href="../../../shortcodes/mermaid/#sankey">sankey diagram type</a> an' now comes wit' full support fer YAML inside Merrrmaid graphs (previously, th' theme ignored explicit Merrrmaid theme sett'ns 'n YAML).</p>
 </li>
 <li>
@@ -780,8 +783,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index 5390c443e2..cb4f59e776 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -95,10 +95,10 @@
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-92ce1cb9838c4502afdf9d5ab9ef4107" class="lightbox-link">
+<a href="#image-a78b7f38796295b2b4531e2b18894d4c" class="lightbox-link">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-92ce1cb9838c4502afdf9d5ab9ef4107">
+<a href="javascript:history.back();" class="lightbox" id="image-a78b7f38796295b2b4531e2b18894d4c">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -190,12 +190,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../js/search.js?1691840801" defer></script>
+        <script src="../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -280,8 +280,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -323,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index 8449425023..bb9495b9c8 100644
--- a/pir/basics/requirements/index.print.html
+++ b/pir/basics/requirements/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -80,10 +80,10 @@
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-92ce1cb9838c4502afdf9d5ab9ef4107" class="lightbox-link">
+<a href="#image-a78b7f38796295b2b4531e2b18894d4c" class="lightbox-link">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-92ce1cb9838c4502afdf9d5ab9ef4107">
+<a href="javascript:history.back();" class="lightbox" id="image-a78b7f38796295b2b4531e2b18894d4c">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/categories/basic/index.html b/pir/categories/basic/index.html
index 0df7b725c5..5e52bbe216 100644
--- a/pir/categories/basic/index.html
+++ b/pir/categories/basic/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,8 +256,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -299,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/categories/content/index.html b/pir/categories/content/index.html
index e644ad6727..f6c91891ba 100644
--- a/pir/categories/content/index.html
+++ b/pir/categories/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,8 +256,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -299,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/categories/custom/index.html b/pir/categories/custom/index.html
index 995b27943f..e7162c52de 100644
--- a/pir/categories/custom/index.html
+++ b/pir/categories/custom/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,8 +256,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -299,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index c12327e43f..21e2bec4c2 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/categories/index.xml" rel="alternate" type="application/rss+xml" title="Categorrries :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../js/url.js?1691840800"></script>
-    <script src="../../js/variant.js?1691840800"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../js/search.js?1691840802" defer></script>
+        <script src="../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -278,8 +278,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -321,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840802"></script>
+          <script async src="../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../js/theme.js?1691840802" defer></script>
+    <script src="../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/categories/taxonomy/index.html b/pir/categories/taxonomy/index.html
index ba7cb8018d..36bae9bd66 100644
--- a/pir/categories/taxonomy/index.html
+++ b/pir/categories/taxonomy/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,8 +256,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -299,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/categories/theming/index.html b/pir/categories/theming/index.html
index 16e829816e..20b7c342d4 100644
--- a/pir/categories/theming/index.html
+++ b/pir/categories/theming/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -167,12 +167,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -257,8 +257,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -300,12 +302,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 154269a5a5..18e503e105 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -121,10 +121,10 @@
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
 <p>
 		
-<a href="#image-ae83046d6b47a3503cf2d52aabde904c" class="lightbox-link">
+<a href="#image-374c586c38b3d8a485f3ccff4c8375ca" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ae83046d6b47a3503cf2d52aabde904c">
+<a href="javascript:history.back();" class="lightbox" id="image-374c586c38b3d8a485f3ccff4c8375ca">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -138,10 +138,10 @@
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
 <p>
 		
-<a href="#image-2b9b7f4bddf8030561e0612b7faee482" class="lightbox-link">
+<a href="#image-a9a4b2f68978c604ffaec5fe4e635bd6" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2b9b7f4bddf8030561e0612b7faee482">
+<a href="javascript:history.back();" class="lightbox" id="image-a9a4b2f68978c604ffaec5fe4e635bd6">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -157,10 +157,10 @@
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
 <p>
 		
-<a href="#image-91ac9e1cdac1056aa5736bc11b1bc135" class="lightbox-link">
+<a href="#image-b9f14c4c9b98afc674c813ab164e4297" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-91ac9e1cdac1056aa5736bc11b1bc135">
+<a href="javascript:history.back();" class="lightbox" id="image-b9f14c4c9b98afc674c813ab164e4297">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -292,12 +292,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -382,8 +382,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -425,12 +427,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index de9702bc14..63f7ff7234 100644
--- a/pir/cont/archetypes/index.print.html
+++ b/pir/cont/archetypes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="canonical" type="text/html" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -84,10 +84,10 @@
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
 <p>
 		
-<a href="#image-ae83046d6b47a3503cf2d52aabde904c" class="lightbox-link">
+<a href="#image-374c586c38b3d8a485f3ccff4c8375ca" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ae83046d6b47a3503cf2d52aabde904c">
+<a href="javascript:history.back();" class="lightbox" id="image-374c586c38b3d8a485f3ccff4c8375ca">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -101,10 +101,10 @@
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
 <p>
 		
-<a href="#image-2b9b7f4bddf8030561e0612b7faee482" class="lightbox-link">
+<a href="#image-a9a4b2f68978c604ffaec5fe4e635bd6" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2b9b7f4bddf8030561e0612b7faee482">
+<a href="javascript:history.back();" class="lightbox" id="image-a9a4b2f68978c604ffaec5fe4e635bd6">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -120,10 +120,10 @@
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
 <p>
 		
-<a href="#image-91ac9e1cdac1056aa5736bc11b1bc135" class="lightbox-link">
+<a href="#image-b9f14c4c9b98afc674c813ab164e4297" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-91ac9e1cdac1056aa5736bc11b1bc135">
+<a href="javascript:history.back();" class="lightbox" id="image-b9f14c4c9b98afc674c813ab164e4297">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -178,8 +178,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 5b8f7a41fa..a5719de1e8 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/i18n/index.print.html" rel="alternate" type="text/html" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -118,10 +118,10 @@
 </ul>
 <p>
 		
-<a href="#image-548121f09919833a2e6718cf4ffe0a22" class="lightbox-link">
+<a href="#image-e70953ddcac5f1efe2c8bb5689243e07" class="lightbox-link">
 <img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-548121f09919833a2e6718cf4ffe0a22">
+<a href="javascript:history.back();" class="lightbox" id="image-e70953ddcac5f1efe2c8bb5689243e07">
 <img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
@@ -301,12 +301,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?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -391,8 +391,10 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -434,12 +436,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index 9e71c5c559..257418b009 100644
--- a/pir/cont/i18n/index.print.html
+++ b/pir/cont/i18n/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="canonical" type="text/html" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -86,10 +86,10 @@
 </ul>
 <p>
 		
-<a href="#image-548121f09919833a2e6718cf4ffe0a22" class="lightbox-link">
+<a href="#image-e70953ddcac5f1efe2c8bb5689243e07" class="lightbox-link">
 <img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-548121f09919833a2e6718cf4ffe0a22">
+<a href="javascript:history.back();" class="lightbox" id="image-e70953ddcac5f1efe2c8bb5689243e07">
 <img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
@@ -192,8 +192,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index 8b96790ea7..f77f43be85 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/cont/index.xml" rel="alternate" type="application/rss+xml" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/cont/index.print.html" rel="alternate" type="text/html" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../js/url.js?1691840800"></script>
-    <script src="../../js/variant.js?1691840800"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../js/search.js?1691840802" defer></script>
+        <script src="../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -270,8 +270,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -313,12 +315,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840802"></script>
+          <script async src="../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../js/theme.js?1691840802" defer></script>
+    <script src="../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index b15537b04f..8a0236a977 100644
--- a/pir/cont/index.print.html
+++ b/pir/cont/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="canonical" type="text/html" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/cont/index.xml" rel="alternate" type="application/rss+xml" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../js/url.js?1691840802"></script>
-    <script src="../../js/variant.js?1691840802"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../js/url.js?1691849476"></script>
+    <script src="../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -164,10 +164,10 @@
 </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="#image-26f690a369cc32bf66877bc1c7ddfe75" class="lightbox-link">
+<a href="#image-9cfb79a3a273dbc4dc96d3b1b769f1c8" class="lightbox-link">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-26f690a369cc32bf66877bc1c7ddfe75">
+<a href="javascript:history.back();" class="lightbox" id="image-9cfb79a3a273dbc4dc96d3b1b769f1c8">
 <img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
@@ -216,10 +216,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
 <p>
 		
-<a href="#image-ae83046d6b47a3503cf2d52aabde904c" class="lightbox-link">
+<a href="#image-374c586c38b3d8a485f3ccff4c8375ca" class="lightbox-link">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ae83046d6b47a3503cf2d52aabde904c">
+<a href="javascript:history.back();" class="lightbox" id="image-374c586c38b3d8a485f3ccff4c8375ca">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -233,10 +233,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
 <p>
 		
-<a href="#image-2b9b7f4bddf8030561e0612b7faee482" class="lightbox-link">
+<a href="#image-a9a4b2f68978c604ffaec5fe4e635bd6" class="lightbox-link">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2b9b7f4bddf8030561e0612b7faee482">
+<a href="javascript:history.back();" class="lightbox" id="image-a9a4b2f68978c604ffaec5fe4e635bd6">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -252,10 +252,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
 <p>
 		
-<a href="#image-91ac9e1cdac1056aa5736bc11b1bc135" class="lightbox-link">
+<a href="#image-b9f14c4c9b98afc674c813ab164e4297" class="lightbox-link">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-91ac9e1cdac1056aa5736bc11b1bc135">
+<a href="javascript:history.back();" class="lightbox" id="image-b9f14c4c9b98afc674c813ab164e4297">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -832,10 +832,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-01b523ced7617b040fe026dcbd2d4e8c" class="lightbox-link">
+<a href="#image-65a7da7df01fea5077a5271ae6fa37b0" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-01b523ced7617b040fe026dcbd2d4e8c">
+<a href="javascript:history.back();" class="lightbox" id="image-65a7da7df01fea5077a5271ae6fa37b0">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -849,10 +849,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-1df2f2e67a9d24d8d7c0e78a22a033bb" class="lightbox-link">
+<a href="#image-95df44f6ef2cae362c5ddf8870e83596" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1df2f2e67a9d24d8d7c0e78a22a033bb">
+<a href="javascript:history.back();" class="lightbox" id="image-95df44f6ef2cae362c5ddf8870e83596">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -868,10 +868,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-aea7e3b36336f458f3a37fbb08512629" class="lightbox-link">
+<a href="#image-26293f6359c3f0acc56c4e5b1644f351" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aea7e3b36336f458f3a37fbb08512629">
+<a href="javascript:history.back();" class="lightbox" id="image-26293f6359c3f0acc56c4e5b1644f351">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -887,10 +887,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4d2db53dff59ef45f8b7b629b5a1dc9a" class="lightbox-link">
+<a href="#image-4027b4f507e87bf0df6a74921fbc9a09" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4d2db53dff59ef45f8b7b629b5a1dc9a">
+<a href="javascript:history.back();" class="lightbox" id="image-4027b4f507e87bf0df6a74921fbc9a09">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -902,10 +902,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-b9c9b40a65b648bd4a50e77af583bfa3" class="lightbox-link">
+<a href="#image-549fcae76db527440438316c4a5932f2" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b9c9b40a65b648bd4a50e77af583bfa3">
+<a href="javascript:history.back();" class="lightbox" id="image-549fcae76db527440438316c4a5932f2">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -918,10 +918,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-6c49d3503401c1d541ce70942ef75580" class="lightbox-link">
+<a href="#image-337e2d1cbb6ddaedf9be54597424bb9c" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6c49d3503401c1d541ce70942ef75580">
+<a href="javascript:history.back();" class="lightbox" id="image-337e2d1cbb6ddaedf9be54597424bb9c">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -936,10 +936,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-0a708197a06671db76a6a010b1e57d7b" class="lightbox-link">
+<a href="#image-24e49f1f0124e14c888b1dfbefc2a8fb" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0a708197a06671db76a6a010b1e57d7b">
+<a href="javascript:history.back();" class="lightbox" id="image-24e49f1f0124e14c888b1dfbefc2a8fb">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -952,10 +952,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-f1da34278856429b856a887cf60418ea" class="lightbox-link">
+<a href="#image-44684d4c810deb265831b51986afe89c" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f1da34278856429b856a887cf60418ea">
+<a href="javascript:history.back();" class="lightbox" id="image-44684d4c810deb265831b51986afe89c">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -968,10 +968,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-e1c0e60a9e408492be35dada53ffabcd" class="lightbox-link">
+<a href="#image-f2db4b46597f880b6da66f93af5ab429" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e1c0e60a9e408492be35dada53ffabcd">
+<a href="javascript:history.back();" class="lightbox" id="image-f2db4b46597f880b6da66f93af5ab429">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -984,10 +984,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-ef9cdd66ad882f6415b5472c7ee6e1a8" class="lightbox-link">
+<a href="#image-4978a522a618c21cd6da3041cc94f4c7" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ef9cdd66ad882f6415b5472c7ee6e1a8">
+<a href="javascript:history.back();" class="lightbox" id="image-4978a522a618c21cd6da3041cc94f4c7">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1003,34 +1003,34 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-2f16afef62acad7048425a1c3f15dd2b" class="lightbox-link">
+<a href="#image-120bc8e8a4f439dc5abbec95e5dd7d6d" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2f16afef62acad7048425a1c3f15dd2b">
+<a href="javascript:history.back();" class="lightbox" id="image-120bc8e8a4f439dc5abbec95e5dd7d6d">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-87f9ab4c7ca1acdf923b5e320ba16a09" class="lightbox-link">
+<a href="#image-eaf7dfe2cdd955868be35ab1c73233cd" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-87f9ab4c7ca1acdf923b5e320ba16a09">
+<a href="javascript:history.back();" class="lightbox" id="image-eaf7dfe2cdd955868be35ab1c73233cd">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-cb227f490a81c9d16e23bde69e81c932" class="lightbox-link">
+<a href="#image-e46d5e8e96c7d97e383f4c2aa720a81a" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cb227f490a81c9d16e23bde69e81c932">
+<a href="javascript:history.back();" class="lightbox" id="image-e46d5e8e96c7d97e383f4c2aa720a81a">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-c55c79ed604f3ec7653e31fda53ebc43" class="lightbox-link">
+<a href="#image-375c7c43524f2f11b94a53ba29c6d89e" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c55c79ed604f3ec7653e31fda53ebc43">
+<a href="javascript:history.back();" class="lightbox" id="image-375c7c43524f2f11b94a53ba29c6d89e">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1043,10 +1043,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-a3305b4e241c81913ee0a98c1484c121" class="lightbox-link">
+<a href="#image-9a7927500e0625422b627fa109fbf65d" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a3305b4e241c81913ee0a98c1484c121">
+<a href="javascript:history.back();" class="lightbox" id="image-9a7927500e0625422b627fa109fbf65d">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -1219,10 +1219,10 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 </ul>
 <p>
 		
-<a href="#image-548121f09919833a2e6718cf4ffe0a22" class="lightbox-link">
+<a href="#image-e70953ddcac5f1efe2c8bb5689243e07" class="lightbox-link">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-548121f09919833a2e6718cf4ffe0a22">
+<a href="javascript:history.back();" class="lightbox" id="image-e70953ddcac5f1efe2c8bb5689243e07">
 <img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
@@ -1364,8 +1364,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../js/theme.js?1691840802" defer></script>
+    <script src="../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index cb60edb15c..245448a321 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/markdown/index.print.html" rel="alternate" type="text/html" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -669,10 +669,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-01b523ced7617b040fe026dcbd2d4e8c" class="lightbox-link">
+<a href="#image-65a7da7df01fea5077a5271ae6fa37b0" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-01b523ced7617b040fe026dcbd2d4e8c">
+<a href="javascript:history.back();" class="lightbox" id="image-65a7da7df01fea5077a5271ae6fa37b0">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -686,10 +686,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-1df2f2e67a9d24d8d7c0e78a22a033bb" class="lightbox-link">
+<a href="#image-95df44f6ef2cae362c5ddf8870e83596" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1df2f2e67a9d24d8d7c0e78a22a033bb">
+<a href="javascript:history.back();" class="lightbox" id="image-95df44f6ef2cae362c5ddf8870e83596">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -705,10 +705,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-aea7e3b36336f458f3a37fbb08512629" class="lightbox-link">
+<a href="#image-26293f6359c3f0acc56c4e5b1644f351" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aea7e3b36336f458f3a37fbb08512629">
+<a href="javascript:history.back();" class="lightbox" id="image-26293f6359c3f0acc56c4e5b1644f351">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -724,10 +724,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4d2db53dff59ef45f8b7b629b5a1dc9a" class="lightbox-link">
+<a href="#image-4027b4f507e87bf0df6a74921fbc9a09" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4d2db53dff59ef45f8b7b629b5a1dc9a">
+<a href="javascript:history.back();" class="lightbox" id="image-4027b4f507e87bf0df6a74921fbc9a09">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -739,10 +739,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-b9c9b40a65b648bd4a50e77af583bfa3" class="lightbox-link">
+<a href="#image-549fcae76db527440438316c4a5932f2" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b9c9b40a65b648bd4a50e77af583bfa3">
+<a href="javascript:history.back();" class="lightbox" id="image-549fcae76db527440438316c4a5932f2">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -755,10 +755,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-6c49d3503401c1d541ce70942ef75580" class="lightbox-link">
+<a href="#image-337e2d1cbb6ddaedf9be54597424bb9c" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6c49d3503401c1d541ce70942ef75580">
+<a href="javascript:history.back();" class="lightbox" id="image-337e2d1cbb6ddaedf9be54597424bb9c">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -773,10 +773,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-0a708197a06671db76a6a010b1e57d7b" class="lightbox-link">
+<a href="#image-24e49f1f0124e14c888b1dfbefc2a8fb" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0a708197a06671db76a6a010b1e57d7b">
+<a href="javascript:history.back();" class="lightbox" id="image-24e49f1f0124e14c888b1dfbefc2a8fb">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -789,10 +789,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-f1da34278856429b856a887cf60418ea" class="lightbox-link">
+<a href="#image-44684d4c810deb265831b51986afe89c" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f1da34278856429b856a887cf60418ea">
+<a href="javascript:history.back();" class="lightbox" id="image-44684d4c810deb265831b51986afe89c">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -805,10 +805,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-e1c0e60a9e408492be35dada53ffabcd" class="lightbox-link">
+<a href="#image-f2db4b46597f880b6da66f93af5ab429" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e1c0e60a9e408492be35dada53ffabcd">
+<a href="javascript:history.back();" class="lightbox" id="image-f2db4b46597f880b6da66f93af5ab429">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -821,10 +821,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-ef9cdd66ad882f6415b5472c7ee6e1a8" class="lightbox-link">
+<a href="#image-4978a522a618c21cd6da3041cc94f4c7" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ef9cdd66ad882f6415b5472c7ee6e1a8">
+<a href="javascript:history.back();" class="lightbox" id="image-4978a522a618c21cd6da3041cc94f4c7">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -840,34 +840,34 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-2f16afef62acad7048425a1c3f15dd2b" class="lightbox-link">
+<a href="#image-120bc8e8a4f439dc5abbec95e5dd7d6d" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2f16afef62acad7048425a1c3f15dd2b">
+<a href="javascript:history.back();" class="lightbox" id="image-120bc8e8a4f439dc5abbec95e5dd7d6d">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-87f9ab4c7ca1acdf923b5e320ba16a09" class="lightbox-link">
+<a href="#image-eaf7dfe2cdd955868be35ab1c73233cd" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-87f9ab4c7ca1acdf923b5e320ba16a09">
+<a href="javascript:history.back();" class="lightbox" id="image-eaf7dfe2cdd955868be35ab1c73233cd">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-cb227f490a81c9d16e23bde69e81c932" class="lightbox-link">
+<a href="#image-e46d5e8e96c7d97e383f4c2aa720a81a" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cb227f490a81c9d16e23bde69e81c932">
+<a href="javascript:history.back();" class="lightbox" id="image-e46d5e8e96c7d97e383f4c2aa720a81a">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-c55c79ed604f3ec7653e31fda53ebc43" class="lightbox-link">
+<a href="#image-375c7c43524f2f11b94a53ba29c6d89e" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c55c79ed604f3ec7653e31fda53ebc43">
+<a href="javascript:history.back();" class="lightbox" id="image-375c7c43524f2f11b94a53ba29c6d89e">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -880,10 +880,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-a3305b4e241c81913ee0a98c1484c121" class="lightbox-link">
+<a href="#image-9a7927500e0625422b627fa109fbf65d" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a3305b4e241c81913ee0a98c1484c121">
+<a href="javascript:history.back();" class="lightbox" id="image-9a7927500e0625422b627fa109fbf65d">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -987,12 +987,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840800" defer></script>
-        <script src="../../../js/search.js?1691840800" defer></script>
+        <script src="../../../js/auto-complete.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849473" defer></script>
+        <script src="../../../js/search.js?1691849473" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1077,8 +1077,10 @@ line 3 o' code
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -1120,12 +1122,12 @@ line 3 o' code
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840800"></script>
+          <script async src="../../../js/buttons.js?1691849473"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840800" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840800" defer></script>
-    <script src="../../../js/theme.js?1691840800" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849473" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849473" defer></script>
+    <script src="../../../js/theme.js?1691849473" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index 0c2f8d31d2..849357e870 100644
--- a/pir/cont/markdown/index.print.html
+++ b/pir/cont/markdown/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="canonical" type="text/html" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -596,10 +596,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-01b523ced7617b040fe026dcbd2d4e8c" class="lightbox-link">
+<a href="#image-65a7da7df01fea5077a5271ae6fa37b0" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-01b523ced7617b040fe026dcbd2d4e8c">
+<a href="javascript:history.back();" class="lightbox" id="image-65a7da7df01fea5077a5271ae6fa37b0">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -613,10 +613,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-1df2f2e67a9d24d8d7c0e78a22a033bb" class="lightbox-link">
+<a href="#image-95df44f6ef2cae362c5ddf8870e83596" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1df2f2e67a9d24d8d7c0e78a22a033bb">
+<a href="javascript:history.back();" class="lightbox" id="image-95df44f6ef2cae362c5ddf8870e83596">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -632,10 +632,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-aea7e3b36336f458f3a37fbb08512629" class="lightbox-link">
+<a href="#image-26293f6359c3f0acc56c4e5b1644f351" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aea7e3b36336f458f3a37fbb08512629">
+<a href="javascript:history.back();" class="lightbox" id="image-26293f6359c3f0acc56c4e5b1644f351">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -651,10 +651,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4d2db53dff59ef45f8b7b629b5a1dc9a" class="lightbox-link">
+<a href="#image-4027b4f507e87bf0df6a74921fbc9a09" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4d2db53dff59ef45f8b7b629b5a1dc9a">
+<a href="javascript:history.back();" class="lightbox" id="image-4027b4f507e87bf0df6a74921fbc9a09">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -666,10 +666,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-b9c9b40a65b648bd4a50e77af583bfa3" class="lightbox-link">
+<a href="#image-549fcae76db527440438316c4a5932f2" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b9c9b40a65b648bd4a50e77af583bfa3">
+<a href="javascript:history.back();" class="lightbox" id="image-549fcae76db527440438316c4a5932f2">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -682,10 +682,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-6c49d3503401c1d541ce70942ef75580" class="lightbox-link">
+<a href="#image-337e2d1cbb6ddaedf9be54597424bb9c" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6c49d3503401c1d541ce70942ef75580">
+<a href="javascript:history.back();" class="lightbox" id="image-337e2d1cbb6ddaedf9be54597424bb9c">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -700,10 +700,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-0a708197a06671db76a6a010b1e57d7b" class="lightbox-link">
+<a href="#image-24e49f1f0124e14c888b1dfbefc2a8fb" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0a708197a06671db76a6a010b1e57d7b">
+<a href="javascript:history.back();" class="lightbox" id="image-24e49f1f0124e14c888b1dfbefc2a8fb">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -716,10 +716,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-f1da34278856429b856a887cf60418ea" class="lightbox-link">
+<a href="#image-44684d4c810deb265831b51986afe89c" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f1da34278856429b856a887cf60418ea">
+<a href="javascript:history.back();" class="lightbox" id="image-44684d4c810deb265831b51986afe89c">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -732,10 +732,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-e1c0e60a9e408492be35dada53ffabcd" class="lightbox-link">
+<a href="#image-f2db4b46597f880b6da66f93af5ab429" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e1c0e60a9e408492be35dada53ffabcd">
+<a href="javascript:history.back();" class="lightbox" id="image-f2db4b46597f880b6da66f93af5ab429">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -748,10 +748,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-ef9cdd66ad882f6415b5472c7ee6e1a8" class="lightbox-link">
+<a href="#image-4978a522a618c21cd6da3041cc94f4c7" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ef9cdd66ad882f6415b5472c7ee6e1a8">
+<a href="javascript:history.back();" class="lightbox" id="image-4978a522a618c21cd6da3041cc94f4c7">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -767,34 +767,34 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-2f16afef62acad7048425a1c3f15dd2b" class="lightbox-link">
+<a href="#image-120bc8e8a4f439dc5abbec95e5dd7d6d" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2f16afef62acad7048425a1c3f15dd2b">
+<a href="javascript:history.back();" class="lightbox" id="image-120bc8e8a4f439dc5abbec95e5dd7d6d">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-87f9ab4c7ca1acdf923b5e320ba16a09" class="lightbox-link">
+<a href="#image-eaf7dfe2cdd955868be35ab1c73233cd" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-87f9ab4c7ca1acdf923b5e320ba16a09">
+<a href="javascript:history.back();" class="lightbox" id="image-eaf7dfe2cdd955868be35ab1c73233cd">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-cb227f490a81c9d16e23bde69e81c932" class="lightbox-link">
+<a href="#image-e46d5e8e96c7d97e383f4c2aa720a81a" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cb227f490a81c9d16e23bde69e81c932">
+<a href="javascript:history.back();" class="lightbox" id="image-e46d5e8e96c7d97e383f4c2aa720a81a">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-c55c79ed604f3ec7653e31fda53ebc43" class="lightbox-link">
+<a href="#image-375c7c43524f2f11b94a53ba29c6d89e" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c55c79ed604f3ec7653e31fda53ebc43">
+<a href="javascript:history.back();" class="lightbox" id="image-375c7c43524f2f11b94a53ba29c6d89e">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -807,10 +807,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-a3305b4e241c81913ee0a98c1484c121" class="lightbox-link">
+<a href="#image-9a7927500e0625422b627fa109fbf65d" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a3305b4e241c81913ee0a98c1484c121">
+<a href="javascript:history.back();" class="lightbox" id="image-9a7927500e0625422b627fa109fbf65d">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -837,8 +837,8 @@ line 3 o' code
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index 654c6e197d..2b74fda5d3 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/menushortcuts/index.print.html" rel="alternate" type="text/html" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -312,12 +312,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?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840800" defer></script>
-        <script src="../../../js/search.js?1691840800" defer></script>
+        <script src="../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -402,8 +402,10 @@ However, if ye want t' keep th' title but change its value, it can be overridden
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -445,12 +447,12 @@ However, if ye want t' keep th' title but change its value, it can be overridden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840800"></script>
+          <script async src="../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840800" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840800" defer></script>
-    <script src="../../../js/theme.js?1691840800" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index 02f231cbb9..37df55cc0b 100644
--- a/pir/cont/menushortcuts/index.print.html
+++ b/pir/cont/menushortcuts/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="canonical" type="text/html" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -208,8 +208,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?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index 162cb89ba8..4b8932c1e6 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/pages/index.print.html" rel="alternate" type="text/html" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -182,10 +182,10 @@
 </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="#image-26f690a369cc32bf66877bc1c7ddfe75" class="lightbox-link">
+<a href="#image-9cfb79a3a273dbc4dc96d3b1b769f1c8" class="lightbox-link">
 <img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-26f690a369cc32bf66877bc1c7ddfe75">
+<a href="javascript:history.back();" class="lightbox" id="image-9cfb79a3a273dbc4dc96d3b1b769f1c8">
 <img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
@@ -301,12 +301,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?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -391,8 +391,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -434,12 +436,12 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index a874fdecba..71f8a1d295 100644
--- a/pir/cont/pages/index.print.html
+++ b/pir/cont/pages/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="canonical" type="text/html" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -148,10 +148,10 @@
 </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="#image-26f690a369cc32bf66877bc1c7ddfe75" class="lightbox-link">
+<a href="#image-9cfb79a3a273dbc4dc96d3b1b769f1c8" class="lightbox-link">
 <img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-26f690a369cc32bf66877bc1c7ddfe75">
+<a href="javascript:history.back();" class="lightbox" id="image-9cfb79a3a273dbc4dc96d3b1b769f1c8">
 <img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
@@ -190,8 +190,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.html b/pir/cont/taxonomy/index.html
index 1cd5b75426..447a0063cd 100644
--- a/pir/cont/taxonomy/index.html
+++ b/pir/cont/taxonomy/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -216,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840800" defer></script>
-        <script src="../../../js/search.js?1691840800" defer></script>
+        <script src="../../../js/auto-complete.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849473" defer></script>
+        <script src="../../../js/search.js?1691849473" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -306,8 +306,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -349,12 +351,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840800"></script>
+          <script async src="../../../js/buttons.js?1691849473"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840800" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840800" defer></script>
-    <script src="../../../js/theme.js?1691840800" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849473" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849473" defer></script>
+    <script src="../../../js/theme.js?1691849473" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.print.html b/pir/cont/taxonomy/index.print.html
index db175207df..5989aec65b 100644
--- a/pir/cont/taxonomy/index.print.html
+++ b/pir/cont/taxonomy/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -112,8 +112,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index e5b6e35513..50faa2a359 100644
--- a/pir/dev/contributing/index.html
+++ b/pir/dev/contributing/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -306,12 +306,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -400,8 +400,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -443,12 +445,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index 0afe4544b8..63928fde6d 100644
--- a/pir/dev/contributing/index.print.html
+++ b/pir/dev/contributing/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -203,8 +203,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index 9a67aa96c4..0f7a1829bb 100644
--- a/pir/dev/index.html
+++ b/pir/dev/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../js/url.js?1691840800"></script>
-    <script src="../../js/variant.js?1691840800"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../js/search.js?1691840802" defer></script>
+        <script src="../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -280,8 +280,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -323,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840802"></script>
+          <script async src="../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../js/theme.js?1691840802" defer></script>
+    <script src="../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index cd125992ea..763281ea66 100644
--- a/pir/dev/index.print.html
+++ b/pir/dev/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../js/url.js?1691840802"></script>
-    <script src="../../js/variant.js?1691840802"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../js/url.js?1691849476"></script>
+    <script src="../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -469,10 +469,10 @@
 <p>
 		
 		
-<a href="#image-b3d4db6de8c25a8260f456d94466cb7a" class="lightbox-link">
+<a href="#image-1d919a31c3401496cd0b9864c9c0d18f" class="lightbox-link">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b3d4db6de8c25a8260f456d94466cb7a">
+<a href="javascript:history.back();" class="lightbox" id="image-1d919a31c3401496cd0b9864c9c0d18f">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -506,20 +506,20 @@
 <p>
 		
 		
-<a href="#image-6310f26364b18d35d699251b8b8ffe87" class="lightbox-link">
+<a href="#image-399ed0e76f368d549e75a3b895301171" class="lightbox-link">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6310f26364b18d35d699251b8b8ffe87">
+<a href="javascript:history.back();" class="lightbox" id="image-399ed0e76f368d549e75a3b895301171">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-a2f647326106f0cc08cec14db782e398" class="lightbox-link">
+<a href="#image-64287e9382d1d632901494dcafdc1762" class="lightbox-link">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a2f647326106f0cc08cec14db782e398">
+<a href="javascript:history.back();" class="lightbox" id="image-64287e9382d1d632901494dcafdc1762">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -533,8 +533,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../js/theme.js?1691840802" defer></script>
+    <script src="../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index 6e8d8445fd..baa8289a5a 100644
--- a/pir/dev/maintaining/index.html
+++ b/pir/dev/maintaining/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -393,12 +393,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -487,8 +487,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -530,12 +532,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index 874e6f9ea1..c479820a28 100644
--- a/pir/dev/maintaining/index.print.html
+++ b/pir/dev/maintaining/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -279,8 +279,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index 04666815ee..31baae1c15 100644
--- a/pir/dev/screenshots/index.html
+++ b/pir/dev/screenshots/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -146,10 +146,10 @@
 <p>
 		
 		
-<a href="#image-b3d4db6de8c25a8260f456d94466cb7a" class="lightbox-link">
+<a href="#image-1d919a31c3401496cd0b9864c9c0d18f" class="lightbox-link">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b3d4db6de8c25a8260f456d94466cb7a">
+<a href="javascript:history.back();" class="lightbox" id="image-1d919a31c3401496cd0b9864c9c0d18f">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -183,20 +183,20 @@
 <p>
 		
 		
-<a href="#image-6310f26364b18d35d699251b8b8ffe87" class="lightbox-link">
+<a href="#image-399ed0e76f368d549e75a3b895301171" class="lightbox-link">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6310f26364b18d35d699251b8b8ffe87">
+<a href="javascript:history.back();" class="lightbox" id="image-399ed0e76f368d549e75a3b895301171">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-a2f647326106f0cc08cec14db782e398" class="lightbox-link">
+<a href="#image-64287e9382d1d632901494dcafdc1762" class="lightbox-link">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a2f647326106f0cc08cec14db782e398">
+<a href="javascript:history.back();" class="lightbox" id="image-64287e9382d1d632901494dcafdc1762">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -286,12 +286,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -380,8 +380,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -423,12 +425,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index 0612751b58..f6dcf9e2b7 100644
--- a/pir/dev/screenshots/index.print.html
+++ b/pir/dev/screenshots/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -110,10 +110,10 @@
 <p>
 		
 		
-<a href="#image-b3d4db6de8c25a8260f456d94466cb7a" class="lightbox-link">
+<a href="#image-1d919a31c3401496cd0b9864c9c0d18f" class="lightbox-link">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b3d4db6de8c25a8260f456d94466cb7a">
+<a href="javascript:history.back();" class="lightbox" id="image-1d919a31c3401496cd0b9864c9c0d18f">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -147,20 +147,20 @@
 <p>
 		
 		
-<a href="#image-6310f26364b18d35d699251b8b8ffe87" class="lightbox-link">
+<a href="#image-399ed0e76f368d549e75a3b895301171" class="lightbox-link">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6310f26364b18d35d699251b8b8ffe87">
+<a href="javascript:history.back();" class="lightbox" id="image-399ed0e76f368d549e75a3b895301171">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-a2f647326106f0cc08cec14db782e398" class="lightbox-link">
+<a href="#image-64287e9382d1d632901494dcafdc1762" class="lightbox-link">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a2f647326106f0cc08cec14db782e398">
+<a href="javascript:history.back();" class="lightbox" id="image-64287e9382d1d632901494dcafdc1762">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -173,8 +173,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index fa01f5ec54..8eac16678b 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="../pir/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="../pir/index.print.html" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../js/url.js?1691840800"></script>
-    <script src="../js/variant.js?1691840800"></script>
+    <link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../js/url.js?1691849472"></script>
+    <script src="../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -115,10 +115,10 @@
 <p>A theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a> designed fer documentat'n.</p>
 <p><a href="../basics/migration/">★ What&rsquo;s new 'n th' latest release ★</a></p>
 <p>
-<a href="#image-3ff503c433960abf5a2b9fa5dac3200d" class="lightbox-link">
+<a href="#image-f0ba30d681e3d889b08d855115210dec" class="lightbox-link">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3ff503c433960abf5a2b9fa5dac3200d">
+<a href="javascript:history.back();" class="lightbox" id="image-f0ba30d681e3d889b08d855115210dec">
 <img src="../images/hero.png?classes=shadow&amp;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" loading="lazy">
 </a></p>
 <h2 id="motivation">Motivat'n</h2>
@@ -293,12 +293,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691840801" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../js/search.js?1691840801" defer></script>
+        <script src="../js/auto-complete.js?1691849474" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691849474" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691849474" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691849474" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691849474" defer></script>
+        <script src="../js/search.js?1691849474" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -383,8 +383,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -426,12 +428,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1691840801"></script>
+          <script async src="../js/buttons.js?1691849474"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../js/theme.js?1691840801" defer></script>
+    <script src="../js/clipboard.min.js?1691849474" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849474" defer></script>
+    <script src="../js/theme.js?1691849474" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index 579e748ef2..e4dbe5c783 100644
--- a/pir/index.print.html
+++ b/pir/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="../pir/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../js/url.js?1691840802"></script>
-    <script src="../js/variant.js?1691840802"></script>
+    <link href="../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../js/url.js?1691849476"></script>
+    <script src="../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -85,10 +85,10 @@
 <p>A theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a> designed fer documentat'n.</p>
 <p><a href="../basics/migration/">★ What&rsquo;s new 'n th' latest release ★</a></p>
 <p>
-<a href="#image-3ff503c433960abf5a2b9fa5dac3200d" class="lightbox-link">
+<a href="#image-f0ba30d681e3d889b08d855115210dec" class="lightbox-link">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3ff503c433960abf5a2b9fa5dac3200d">
+<a href="javascript:history.back();" class="lightbox" id="image-f0ba30d681e3d889b08d855115210dec">
 <img src="../images/hero.png?classes=shadow&amp;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" loading="lazy">
 </a></p>
 <h2 id="motivation">Motivat'n</h2>
@@ -225,6 +225,9 @@
 <h2 id="000">5.19.0 (0000-00-00)</h2>
 <ul>
 <li>
+<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme has added two new color variants <code>zen-light</code> an' <code>zen-dark</code>.</p>
+</li>
+<li>
 <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme has updated its Merrrmaid dependency t' 10.3.1. This adds support fer th' <a href="../shortcodes/mermaid/#sankey">sankey diagram type</a> an' now comes wit' full support fer YAML inside Merrrmaid graphs (previously, th' theme ignored explicit Merrrmaid theme sett'ns 'n YAML).</p>
 </li>
 <li>
@@ -917,10 +920,10 @@
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-92ce1cb9838c4502afdf9d5ab9ef4107" class="lightbox-link">
+<a href="#image-a78b7f38796295b2b4531e2b18894d4c" class="lightbox-link">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-92ce1cb9838c4502afdf9d5ab9ef4107">
+<a href="javascript:history.back();" class="lightbox" id="image-a78b7f38796295b2b4531e2b18894d4c">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -969,10 +972,10 @@
 </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="#image-e393206ab13d29ac79bf92381a42746c" class="lightbox-link">
+<a href="#image-2ece43920fce6a1c5522da7a36a122ac" class="lightbox-link">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e393206ab13d29ac79bf92381a42746c">
+<a href="javascript:history.back();" class="lightbox" id="image-2ece43920fce6a1c5522da7a36a122ac">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
@@ -1127,10 +1130,10 @@
 </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="#image-9eb8d699f5e8b6d62156cb7794399716" class="lightbox-link">
+<a href="#image-ea397858779c34ff2d9366a4b2d16e6b" class="lightbox-link">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9eb8d699f5e8b6d62156cb7794399716">
+<a href="javascript:history.back();" class="lightbox" id="image-ea397858779c34ff2d9366a4b2d16e6b">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -1179,10 +1182,10 @@ 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="#image-1c36d8900e1b9d9c70532b816f1285f6" class="lightbox-link">
+<a href="#image-a5ed9b138777a6631f14a893b4778703" class="lightbox-link">
 <img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1c36d8900e1b9d9c70532b816f1285f6">
+<a href="javascript:history.back();" class="lightbox" id="image-a5ed9b138777a6631f14a893b4778703">
 <img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -1305,13 +1308,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-51d143a9d5340f7190ceef4962f67ba9" aria-controls="expandcontent-51d143a9d5340f7190ceef4962f67ba9" >
-    <label class="expand-label" for="expand-51d143a9d5340f7190ceef4962f67ba9" >
+    <input type="checkbox" id="expand-c52b0ec3957163bc2b7cafe38d4faaa6" aria-controls="expandcontent-c52b0ec3957163bc2b7cafe38d4faaa6" >
+    <label class="expand-label" for="expand-c52b0ec3957163bc2b7cafe38d4faaa6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-51d143a9d5340f7190ceef4962f67ba9" class="expand-content">
+    <div id="expandcontent-c52b0ec3957163bc2b7cafe38d4faaa6" class="expand-content">
 
 <p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
 <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@@ -2646,10 +2649,10 @@ window.variants && variants.generator( '#vargenerator' );
 </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="#image-26f690a369cc32bf66877bc1c7ddfe75" class="lightbox-link">
+<a href="#image-9cfb79a3a273dbc4dc96d3b1b769f1c8" class="lightbox-link">
 <img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-26f690a369cc32bf66877bc1c7ddfe75">
+<a href="javascript:history.back();" class="lightbox" id="image-9cfb79a3a273dbc4dc96d3b1b769f1c8">
 <img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
@@ -2698,10 +2701,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
 <p>
 		
-<a href="#image-ae83046d6b47a3503cf2d52aabde904c" class="lightbox-link">
+<a href="#image-374c586c38b3d8a485f3ccff4c8375ca" class="lightbox-link">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ae83046d6b47a3503cf2d52aabde904c">
+<a href="javascript:history.back();" class="lightbox" id="image-374c586c38b3d8a485f3ccff4c8375ca">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -2715,10 +2718,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
 <p>
 		
-<a href="#image-2b9b7f4bddf8030561e0612b7faee482" class="lightbox-link">
+<a href="#image-a9a4b2f68978c604ffaec5fe4e635bd6" class="lightbox-link">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2b9b7f4bddf8030561e0612b7faee482">
+<a href="javascript:history.back();" class="lightbox" id="image-a9a4b2f68978c604ffaec5fe4e635bd6">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -2734,10 +2737,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
 <p>
 		
-<a href="#image-91ac9e1cdac1056aa5736bc11b1bc135" class="lightbox-link">
+<a href="#image-b9f14c4c9b98afc674c813ab164e4297" class="lightbox-link">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-91ac9e1cdac1056aa5736bc11b1bc135">
+<a href="javascript:history.back();" class="lightbox" id="image-b9f14c4c9b98afc674c813ab164e4297">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -3314,10 +3317,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-01b523ced7617b040fe026dcbd2d4e8c" class="lightbox-link">
+<a href="#image-65a7da7df01fea5077a5271ae6fa37b0" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-01b523ced7617b040fe026dcbd2d4e8c">
+<a href="javascript:history.back();" class="lightbox" id="image-65a7da7df01fea5077a5271ae6fa37b0">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3331,10 +3334,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-1df2f2e67a9d24d8d7c0e78a22a033bb" class="lightbox-link">
+<a href="#image-95df44f6ef2cae362c5ddf8870e83596" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1df2f2e67a9d24d8d7c0e78a22a033bb">
+<a href="javascript:history.back();" class="lightbox" id="image-95df44f6ef2cae362c5ddf8870e83596">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3350,10 +3353,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-aea7e3b36336f458f3a37fbb08512629" class="lightbox-link">
+<a href="#image-26293f6359c3f0acc56c4e5b1644f351" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aea7e3b36336f458f3a37fbb08512629">
+<a href="javascript:history.back();" class="lightbox" id="image-26293f6359c3f0acc56c4e5b1644f351">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3369,10 +3372,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4d2db53dff59ef45f8b7b629b5a1dc9a" class="lightbox-link">
+<a href="#image-4027b4f507e87bf0df6a74921fbc9a09" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4d2db53dff59ef45f8b7b629b5a1dc9a">
+<a href="javascript:history.back();" class="lightbox" id="image-4027b4f507e87bf0df6a74921fbc9a09">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3384,10 +3387,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-b9c9b40a65b648bd4a50e77af583bfa3" class="lightbox-link">
+<a href="#image-549fcae76db527440438316c4a5932f2" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b9c9b40a65b648bd4a50e77af583bfa3">
+<a href="javascript:history.back();" class="lightbox" id="image-549fcae76db527440438316c4a5932f2">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3400,10 +3403,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-6c49d3503401c1d541ce70942ef75580" class="lightbox-link">
+<a href="#image-337e2d1cbb6ddaedf9be54597424bb9c" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6c49d3503401c1d541ce70942ef75580">
+<a href="javascript:history.back();" class="lightbox" id="image-337e2d1cbb6ddaedf9be54597424bb9c">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3418,10 +3421,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-0a708197a06671db76a6a010b1e57d7b" class="lightbox-link">
+<a href="#image-24e49f1f0124e14c888b1dfbefc2a8fb" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0a708197a06671db76a6a010b1e57d7b">
+<a href="javascript:history.back();" class="lightbox" id="image-24e49f1f0124e14c888b1dfbefc2a8fb">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3434,10 +3437,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-f1da34278856429b856a887cf60418ea" class="lightbox-link">
+<a href="#image-44684d4c810deb265831b51986afe89c" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f1da34278856429b856a887cf60418ea">
+<a href="javascript:history.back();" class="lightbox" id="image-44684d4c810deb265831b51986afe89c">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3450,10 +3453,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-e1c0e60a9e408492be35dada53ffabcd" class="lightbox-link">
+<a href="#image-f2db4b46597f880b6da66f93af5ab429" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-e1c0e60a9e408492be35dada53ffabcd">
+<a href="javascript:history.back();" class="lightbox" id="image-f2db4b46597f880b6da66f93af5ab429">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3466,10 +3469,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-ef9cdd66ad882f6415b5472c7ee6e1a8" class="lightbox-link">
+<a href="#image-4978a522a618c21cd6da3041cc94f4c7" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ef9cdd66ad882f6415b5472c7ee6e1a8">
+<a href="javascript:history.back();" class="lightbox" id="image-4978a522a618c21cd6da3041cc94f4c7">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3485,34 +3488,34 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-2f16afef62acad7048425a1c3f15dd2b" class="lightbox-link">
+<a href="#image-120bc8e8a4f439dc5abbec95e5dd7d6d" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2f16afef62acad7048425a1c3f15dd2b">
+<a href="javascript:history.back();" class="lightbox" id="image-120bc8e8a4f439dc5abbec95e5dd7d6d">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-87f9ab4c7ca1acdf923b5e320ba16a09" class="lightbox-link">
+<a href="#image-eaf7dfe2cdd955868be35ab1c73233cd" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-87f9ab4c7ca1acdf923b5e320ba16a09">
+<a href="javascript:history.back();" class="lightbox" id="image-eaf7dfe2cdd955868be35ab1c73233cd">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-cb227f490a81c9d16e23bde69e81c932" class="lightbox-link">
+<a href="#image-e46d5e8e96c7d97e383f4c2aa720a81a" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cb227f490a81c9d16e23bde69e81c932">
+<a href="javascript:history.back();" class="lightbox" id="image-e46d5e8e96c7d97e383f4c2aa720a81a">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-c55c79ed604f3ec7653e31fda53ebc43" class="lightbox-link">
+<a href="#image-375c7c43524f2f11b94a53ba29c6d89e" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-c55c79ed604f3ec7653e31fda53ebc43">
+<a href="javascript:history.back();" class="lightbox" id="image-375c7c43524f2f11b94a53ba29c6d89e">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3525,10 +3528,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-a3305b4e241c81913ee0a98c1484c121" class="lightbox-link">
+<a href="#image-9a7927500e0625422b627fa109fbf65d" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a3305b4e241c81913ee0a98c1484c121">
+<a href="javascript:history.back();" class="lightbox" id="image-9a7927500e0625422b627fa109fbf65d">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3701,10 +3704,10 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 </ul>
 <p>
 		
-<a href="#image-548121f09919833a2e6718cf4ffe0a22" class="lightbox-link">
+<a href="#image-e70953ddcac5f1efe2c8bb5689243e07" class="lightbox-link">
 <img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-548121f09919833a2e6718cf4ffe0a22">
+<a href="javascript:history.back();" class="lightbox" id="image-e70953ddcac5f1efe2c8bb5689243e07">
 <img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
@@ -5138,13 +5141,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="expand-d083716413eac704705ab4a322d2f05d" aria-controls="expandcontent-d083716413eac704705ab4a322d2f05d" >
-    <label class="expand-label" for="expand-d083716413eac704705ab4a322d2f05d" >
+    <input type="checkbox" id="expand-4c99a8631b7cf4105247995abaf3613b" aria-controls="expandcontent-4c99a8631b7cf4105247995abaf3613b" >
+    <label class="expand-label" for="expand-4c99a8631b7cf4105247995abaf3613b" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-d083716413eac704705ab4a322d2f05d" class="expand-content">
+    <div id="expandcontent-4c99a8631b7cf4105247995abaf3613b" 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>
@@ -5271,26 +5274,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="expand-be2819590e1f2e890a2d6184a4fef2d5" aria-controls="expandcontent-be2819590e1f2e890a2d6184a4fef2d5" >
-    <label class="expand-label" for="expand-be2819590e1f2e890a2d6184a4fef2d5" >
+    <input type="checkbox" id="expand-04abbbc89d13eef0bc781375bee8107b" aria-controls="expandcontent-04abbbc89d13eef0bc781375bee8107b" >
+    <label class="expand-label" for="expand-04abbbc89d13eef0bc781375bee8107b" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-be2819590e1f2e890a2d6184a4fef2d5" class="expand-content">
+    <div id="expandcontent-04abbbc89d13eef0bc781375bee8107b" 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="expand-813f535382cbb96c2e13d581eb3c362d" aria-controls="expandcontent-813f535382cbb96c2e13d581eb3c362d"  checked>
-    <label class="expand-label" for="expand-813f535382cbb96c2e13d581eb3c362d" >
+    <input type="checkbox" id="expand-30c50636e5c8fc20a511e349016f181f" aria-controls="expandcontent-30c50636e5c8fc20a511e349016f181f"  checked>
+    <label class="expand-label" for="expand-30c50636e5c8fc20a511e349016f181f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-813f535382cbb96c2e13d581eb3c362d" class="expand-content">
+    <div id="expandcontent-30c50636e5c8fc20a511e349016f181f" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -5311,13 +5314,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="expand-7938d0c890adc45aa7e1e075cec7699b" aria-controls="expandcontent-7938d0c890adc45aa7e1e075cec7699b" >
-    <label class="expand-label" for="expand-7938d0c890adc45aa7e1e075cec7699b" >
+    <input type="checkbox" id="expand-88ee84a3486bdb6fc4089c012e5ccf7c" aria-controls="expandcontent-88ee84a3486bdb6fc4089c012e5ccf7c" >
+    <label class="expand-label" for="expand-88ee84a3486bdb6fc4089c012e5ccf7c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-7938d0c890adc45aa7e1e075cec7699b" class="expand-content">
+    <div id="expandcontent-88ee84a3486bdb6fc4089c012e5ccf7c" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -7098,7 +7101,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-c4c3868d779796e16eee1abe54929099"
+    id="openapi-65d05415199938e616824e87695601a8"
     openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7206,13 +7209,13 @@ Electricity grid,H2 conversion,27.14
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2d0a2b54e4216aca2624ff01a8c30c39">
+<div class="tab-panel" data-tab-group="d0374cbfb692cf014fd48dd9d47a57c7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="config.toml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2d0a2b54e4216aca2624ff01a8c30c39','config.toml')"
+      onclick="switchTab('d0374cbfb692cf014fd48dd9d47a57c7','config.toml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -7250,13 +7253,13 @@ Electricity grid,H2 conversion,27.14
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="e7389b8af7dc47e56b29b0da22f1efc2">
+<div class="tab-panel" data-tab-group="cbd35e1d0af6a72d908e9f32b32655d6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e7389b8af7dc47e56b29b0da22f1efc2','c')"
+      onclick="switchTab('cbd35e1d0af6a72d908e9f32b32655d6','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7366,13 +7369,13 @@ Electricity grid,H2 conversion,27.14
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block wit' Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="cc67c82d230a0bf5aad42403566f4007">
+<div class="tab-panel" data-tab-group="e77de426333b60185215f34d9425e47b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('cc67c82d230a0bf5aad42403566f4007','Code')"
+      onclick="switchTab('e77de426333b60185215f34d9425e47b','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -7392,13 +7395,13 @@ Electricity grid,H2 conversion,27.14
 </div>
 <h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
 
-<div class="tab-panel" data-tab-group="c824cb82660e5191a80b08a90583ff8e">
+<div class="tab-panel" data-tab-group="b8acdd1defee95597a3959f988449127">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c824cb82660e5191a80b08a90583ff8e','Mixed')"
+      onclick="switchTab('b8acdd1defee95597a3959f988449127','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -7446,13 +7449,13 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="73f89b5dc6e0fdfebe8da0046bc89da9">
+<div class="tab-panel" data-tab-group="281528813394a16345c233298c518870">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just colored style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','just colored style')"
+      onclick="switchTab('281528813394a16345c233298c518870','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -7462,7 +7465,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','just color')"
+      onclick="switchTab('281528813394a16345c233298c518870','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -7472,7 +7475,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="default style an' color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','default style an' color')"
+      onclick="switchTab('281528813394a16345c233298c518870','default style an' color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -7482,7 +7485,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('281528813394a16345c233298c518870','just severity stylefa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -7492,7 +7495,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="severity style an' colorfa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('281528813394a16345c233298c518870','severity style an' colorfa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</div>
@@ -7565,13 +7568,13 @@ Electricity grid,H2 conversion,27.14
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="975a790f5fc172a0e6852e9782993aa2">
+<div class="tab-panel" data-tab-group="b9a569946b41f9e22c93749a5ec2d381">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('975a790f5fc172a0e6852e9782993aa2','py')"
+      onclick="switchTab('b9a569946b41f9e22c93749a5ec2d381','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -7581,7 +7584,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('975a790f5fc172a0e6852e9782993aa2','sh')"
+      onclick="switchTab('b9a569946b41f9e22c93749a5ec2d381','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -7591,7 +7594,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('975a790f5fc172a0e6852e9782993aa2','c')"
+      onclick="switchTab('b9a569946b41f9e22c93749a5ec2d381','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7748,13 +7751,13 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="c50f4998c40e84b6104325b233b98463">
+<div class="tab-panel" data-tab-group="c81da774dacb3d55c5966bf59c1d60f5">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Group A, Tab View 1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c50f4998c40e84b6104325b233b98463','Group A, Tab View 1')"
+      onclick="switchTab('c81da774dacb3d55c5966bf59c1d60f5','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -7764,7 +7767,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c50f4998c40e84b6104325b233b98463','Group A, Tab View 2')"
+      onclick="switchTab('c81da774dacb3d55c5966bf59c1d60f5','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -7774,7 +7777,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c50f4998c40e84b6104325b233b98463','Group B')"
+      onclick="switchTab('c81da774dacb3d55c5966bf59c1d60f5','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -8175,8 +8178,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840802" defer></script>
+    <script src="../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849476" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8205,27 +8208,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1691840802"></script>
-    <script src="../js/d3/d3-color.min.js?1691840802" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1691840802" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1691840802" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1691840802" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1691840802" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1691840802" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1691840802" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1691840802" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1691840802" defer></script>
-    <script src="../js/js-yaml.min.js?1691840802" defer></script>
-    <script src="../js/mermaid.min.js?1691840802" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1691849476"></script>
+    <script src="../js/d3/d3-color.min.js?1691849476" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1691849476" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1691849476" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1691849476" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1691849476" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1691849476" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1691849476" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1691849476" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1691849476" defer></script>
+    <script src="../js/js-yaml.min.js?1691849476" defer></script>
+    <script src="../js/mermaid.min.js?1691849476" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1691840802" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1691840802" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1691849476" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1691849476" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691840802", assetsBuster:  1691840802  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691849476", assetsBuster:  1691849476  };
     </script>
-    <script src="../js/theme.js?1691840802" defer></script>
+    <script src="../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/index.search.js b/pir/index.search.js
index 88d0750a4a..b24c402562 100644
--- a/pir/index.search.js
+++ b/pir/index.search.js
@@ -37,7 +37,7 @@ var relearn_search_index = [
     "uri": "/pir/cont/index.html"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat'n. Like Merrrmaids, do'n math or chemistrrry and stuff.\nThis document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\n0.95.0 Th' minimum required Cap'n Hugo version.\nBreak'n A change that requires act'n by ye after upgrad'n t' assure th' ship be still functional.\nChange A change 'n default behavior that may requires act'n by ye if ye want t' revert it.\nNew Marks new behavior ye might find interest'n or comes configur'ble.\n5.19.0 (0000-00-00) New Th' theme has updated its Merrrmaid dependency t' 10.3.1. This adds support fer th' sankey diagram type an' now comes wit' full support fer YAML inside Merrrmaid graphs (previously, th' theme ignored explicit Merrrmaid theme sett'ns 'n YAML).\nNew Translat'n into Hungarian.\n5.18.0 (2023-07-27) Change Th' theme adds additional warnings fer deprecated or now unsupported features. Th' warnings include hints how t' fix them an' an additional link t' th' documenat'n.\nDEPRECATION warnings mark features that still work but may be removed 'n th' future.\nUNSUPPORTED warnings mark features that will not work anymore.\nChange There be visual improvements 'n display'n text links 'n yer rrrambl'n aswell as t' some other click'ble areas 'n th' theme. If you’ve overwritten some theme styles 'n yer own CSS, keep this 'n mind.\nNew Restored compatibility wit' Cap'n Hugo 0.95.0 or higher. This does not change th' minimum required Cap'n Hugo version.\nNew Th' siteparam shortcode be now cap'ble 'n display'n nested params aswell as support'n text formatt'n.\n5.17.0 (2023-06-22) Change Th' default behavior fer th' copy-to-clipboard feature fer code blocks has changed.\nTh' copy-to-clipboard button fer code blocks will now only be displayed if th' reader hovers th' code block.\nIf ye dislike this new behavior ye can turn it off an' revert t' th' old behavior by add'n [params] disableHoverBlockCopyToClipBoard=true t' yer config.toml.\nNew Restored compatibility wit' Cap'n Hugo 0.114.0 or higher. This does not change th' minimum required Cap'n Hugo version.\nNew Th' new highlight shortcode replaces Hugo’s default implementat'n an' be fully compat'ble. So ye don’t need t' change anyth'n.\nIn addit'n it offers some extensions. Currently only th' wrap extension opt'n be provided t' control whether a code block should be wrapped or scrolled if t' long t' fit.\n5.16.0 (2023-06-10) Change Th' theme now provides warnings fer deprecated or now unsupported features. Th' warnings include hints how t' fix them an' an additional link t' th' documenat'n.\nDEPRECATION warnings mark features that still work but may be removed 'n th' future.\nUNSUPPORTED warnings mark features that will not work anymore.\nChange Th' 404 error plank was revamped. Hopefully ye will not see this very often.\nNew Th' tabs shortcode an' th' tab shortcode received some love an' now align wit' their style, color, title an' ay'con parameter t' th' other shorrrtcodes.\nTh' visuals be now slightly different compared t' previous versions. Most note'ble, if ye now display a single code block 'n a tab, its default styl'n will adapt t' that o' a code block but wit' a tab handle at th' top.\nAdditionally th' name parameter was renamed t' title but ye don’t need t' change anyth'n yet as th' old name will be used as a fallback. Nevertheless ye will get deprecat'n warnings while execut'n Hugo.\nNew Th' theme now optionally supports separate favicons fer light \u0026 dark mode.\n5.15.0 (2023-05-29) Change Restored compatibility wit' Cap'n Hugo 0.112.0 or higher. This does not change th' minimum required Cap'n Hugo version.\nTh' attachments shortcode has compatiblity issues wit' newer Cap'n Hugo versions. Ye must switch t' leaf bundles or be locked t' Cap'n Hugo \u003c 0.112.0 fer now.\nIt be planned t' refactor th' attchments shortcode 'n th' future. This will make it poss'ble t' use th' shortcode 'n branch bundles again but not 'n simple planks anymore. This will most likely come wit' a break'n change.\nChange Th' tabs shortcode has changed behavior if ye haven’t set th' groupid parameter.\nFormerly all tab views without a groupid were treated as so they belong t' th' same group. Now, each tab view be treated as it was given a unique id.\nNew Th' already known tabshas a new friend th' tab shortcode t' make it easier t' create a tab view 'n case ye only need one single tab. Really handy if ye want t' flag yer code examples wit' a language identifier.\nAdditionally fer such a use case, th' whitespace between a tab outline an' th' code be removed if only a single code block be contained.\nNew Besides th' tag taxonomy th' theme now also provides th' category taxonomy out o' th' box an' shows them 'n th' rrrambl'n footer o' each plank.\n5.14.0 (2023-05-20) New Th' taxonomy planks received some love 'n this release, mak'n them better leverage avail'ble screen space an' add'n translat'n support fer th' taxonomy names.\nHugo’s default taxonmies tags an' categories be already contained 'n th' theme’s i18n files. If ye have self-defined taxonomies, ye can add translat'ns by add'n them t' yer own i18n files. If ye don’t provide translat'ns, th' singualar an' plural forms be taken as configured 'n yer config.toml.\nNew T' give ye more flexibility 'n customiz'n yer article layout a new partial content-header.html be introduced.\nThis came out o' th' requirement t' cust'mize th' posit'n o' article tags, which by default be displayed above th' title. A second requirement was t' also show additional taxonomies not supported by th' theme natively. While Cap'n Hugo supports tags an' categories by default, th' theme only displays tags.\nSo how t' adjust th' posit'n o' tags start'n from th' theme’s default whar' tags be only shown above th' title?\nHide tags above title: Overwrite content-header.html wit' an empty file. Show tags between title an' rrrambl'n: Overwrite heading-post.html an' add {{- partial \"tags.html\" . }} t' it. Show tags below rrrambl'n: Overwrite content-footer.html an' add {{- partial \"tags.html\" . }} t' it. New Th' new parameter breadcrumbSeparator be now avail'ble 'n yer config.toml t' change th' - well - separator o' th' breadcrumb items. An appropriate default be 'n place if ye do not configure anyth'n.\n5.13.0 (2023-05-17) Change Th' swagger shortcode was deprecated 'n favor fer th' openapi shortcode. Ye don’t need t' change anyth'n yet as th' old name will be used as a fallback. It be planned t' remove th' swagger shortcode 'n th' next major release.\nAdditionally, th' implemant'n o' this shortcode was switched from RapiDoc t' SwaggerUI.\n5.12.0 (2023-05-04) Change In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' collaps'ble menu was changed (again). While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nNew Support fer th' great VSCode Front Matter extension which provides on-premise CMS capabilties t' Cap'n Hugo.\nTh' theme provides Front Matter snippets fer its shorrrtcodes. Currently only English an' German be supported. Put a reference into yer frontmatter.json like this\n{ ... \"frontMatter.extends\": [ \"./vscode-frontmatter/snippets.en.json\" ] ... } New Support fer languages that be written right t' left (like Arabic) be now complete an' extended t' th' menu, th' top navigat'n bar an' print. Ye can experience this 'n th' pirate translat'n. This feature be not avail'ble 'n Internet Explorer 11.\nNew Th' scrollbars be now colored accord'n t' their variant color scheme t' better fit into th' visuals.\n5.11.0 (2023-02-07) Change Th' theme removed th' popular jQuery library from its distribut'n.\nIn case ye made changes t' th' theme that be dependend on this library ye can place a copy o' jQuery into yer static/js directory an' board it from yer own layouts/partials/custom-header.html like this:\n\u003cscript src=\"{{\"js/jquery.min.js\"| relURL}}\" defer\u003e\u003c/script\u003e Change Merrrmaid diagrams can now be configured fer pan an' zoom on site-, page-level or individually fer each graph.\nTh' default sett'n o' on, 'n effect since 1.1.0, changed back t' off as there was interference wit' scroll'n on mobile an' big planks.\nChange Th' theme be now cap'ble t' visually adapt t' yer OS’s light/dark mode sett'n.\nThis be also th' new default sett'n if ye haven’t configured themeVariant 'n yer config.toml.\nAdditionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new themeVariantAuto parameter.\nThis be not supported fer Internet Explorer 11, which still displays 'n th' relearn-light variant.\nChange Th' JavaScript code fer handl'n image lightboxes (provided by Featherlight) was replaced by a CSS-only solut'n.\nThis also changed th' lightbox effects parameter from featherlight=false t' lightbox=false. Nevertheless ye don’t need t' change anyth'n as th' old name will be used as a fallback.\nChange In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' expand shortcode was changed. While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nNew Translat'n into Czech. This language be not supported fer search.\nNew GitHub releases be also now tagged fer th' main version (eg. 1.2.x), major version (eg. 1.x) an' th' latest (just x) release mak'n it easier fer ye t' pin th' theme t' a certain version.\n5.10.0 (2023-01-25) New Th' attachments, badge, button an' notice shorrrtcodes have a new parameter color t' set arbitrary CSS color values.\nAdditionally th' --ACCENT-color brand color introduced 'n version 5.8.0 be now supported wit' these shorrrtcodes.\n5.9.0 (2022-12-23) Break'n Wit' this version it be now poss'ble t' not only have sections on th' first menu level but also planks.\nIt was later discovered, that this causes planks only meant t' be displayed 'n th' More section o' th' menu an' stored directly inside yer rrrambl'n directory t' now show up 'n th' menu aswell.\nT' get rid o' this undesired behavior ye have two choices:\nMake th' plank file fer th' More section a headless branch bundle (contained 'n its own subdirectory an' called _index.md) an' add th' follow'n frontmatter configurat'n t' th' file (see exampleSite’s content/showcase). This causes its rrrambl'n t' not be contained 'n th' sitemap.\n[_build] render = \"never\" list = \"never\" publishResources = false Store th' plank file fer th' More section below a parent headless branch bundle an' add th' follow'n frontmatter t' th' parent. In this case, th' file itself can be a branch bundle, leaf bundle or simple plank (see exampleSite’s content/more/ an' content/more/credits). This causes its rrrambl'n t' be contained 'n th' sitemap.\n[_build] render = \"always\" list = \"never\" publishResources = true Change Th' required folder name fer th' attachments shortcode was changed fer leaf bundles.\nPreviously, th' attachments fer leaf bundles 'n non-multilang setups were required t' be 'n a files subdirectory. For plank bundles an' leaf bundles 'n multilang setups they were always required t' be 'n a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments fer leaf bundles 'n non-multilang setups can now also reside 'n a index.files directory. Although th' old files directory be now deprecated, if both directories be present, only th' old files directory will be used fer compatiblity.\nChange Absolute links prefixed wit' http:// or https:// be now opened 'n a separate browser tab.\nYe can revert back t' th' old behavior by defin'n externalLinkTarget=\"_self\" 'n th' params section o' yer config.toml.\nNew Th' theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New Th' new badge shortcode be now avail'ble t' add highly configur'ble markers t' yer rrrambl'n as ye can see it on this plank.\nNew Th' new ay'con shortcode simplyfies th' usage o' ay'cons. This can even be combined wit' also new badge shortcode.\nNew Th' theme now supports some o' GFM (GitHub Flavored Markdown) rules an' Cap'n Hugo Marrrkdown extensions, namely task lists, defint'n lists an' footnotes.\nNew A new color --ACCENT-color was introduced which be used fer highlightn'n search results on th' plank. In case ye simply don’t care, ye don’t need t' change anyth'n 'n yer variant stylesheet as th' old yellow color be still used as default.\n5.7.0 (2022-11-29) Change Th' Korean language translat'n fer this theme be now avail'ble wit' th' language code ko. Formerly th' country code kr was used instead.\nNew Th' button shortcode can now also be used as a real button inside o' HTML forms - although this be a pretty rare use case. Th' documentat'n was updated accordingly.\nNew Th' search now supports th' Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.\nT' activate this feature, ye need t' configure it 'n yer config.toml as a new outputformat SEARCHPAGE fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.\nYe can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.\nNew Keyboard handl'n fer th' TOC an' search was improved.\nPress'n CTRL+ALT+t now will not only toggle th' TOC overlay but also places th' focus t' th' first head'n on open'n. Subsequently this makes it poss'ble t' easily select head'ns by us'n th' TAB key.\nTh' search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus th' cursor inside o' th' the search box so ye can immediately start yer search by typ'n.\nNew Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.\nT' configure this 'n yer config.toml make sure t' set Hugo’s disableHugoGeneratorInject=true an' also [params] disableGeneratorVersion=true, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.\nNew Creat'n o' yer project gets a little bit faster wit' this release.\nThis addresses increased build time wit' th' 5.x releases. Th' theme now heavily caches partial results lead'n t' improved performance. T' further increase performance, unnecessary parts o' th' plank be now skipped fer creat'n o' th' print output (eg. menus, navigat'n bar, etc.).\n5.5.0 (2022-11-06) Change Th' way images be processed has changed. Now images be lazy boarded by default which speeds up plank board on slow networks and/or big planks an' also th' print preview.\nFor that th' JavaScript code t' handle th' lightbox an' image effects on th' client side was removed 'n favour fer static generat'n o' those effects on th' server.\nIf ye have used HTML directly 'n yer Marrrkdown files, this now has th' downside that it doesn’t respect th' effect query parameter anymore. In this case ye have t' migrate all yer HTML img URLs manually t' th' respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change Wit' th' proper sett'ns 'n yer config.toml yer plank be now serv'ble from th' local file system us'n file:// URLs.\nPlease note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer config.toml from JSON t' SEARCH. Th' now deprecated JSON outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from http:// or https://.\nChange Th' button shortcode has a new parameter target t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.\nNew Th' math shortcode an' mermaid shortcode now also support th' align parameter if codefence rules be used.\nNew Support fer languages that be written right t' left (like Arabic). This be only implemented fer th' rrrambl'n area but not th' navigat'n sidebar. This feature be not avail'ble 'n Internet Explorer 11.\nNew Translat'n into Finnish (Suomi).\n5.3.0 (2022-10-07) Change In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' collaps'ble menu was changed. Th' functionality o' th' new implementat'n does not work wit' old browsers (Internet Explorer 11).\nNew Image formatt'n has two new classes t' align images t' th' left or right. Additionally, th' already exist'n inline opt'n be now documented.\nNew Print'n fer th' swagger shortcode was optimized t' expand sections that be usually closed 'n interactive mode. This requires print support t' be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true 'n yer config.toml, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus. 5.1.0 (2022-07-15) 0.95.0 This release requires a newer Cap'n Hugo version.\nChange Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a index.print.html t' th' default URL.\nYe can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer config.tomlt':\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalink'ble = false 5.0.0 (2022-07-05) Break'n Th' theme changed how JavaScript an' CSS dependencies be boarded t' provide a better performance. In case you’ve added own JavaScript code that depends on th' themes jQuery implementat'n, ye have t' put it into a separate *.js file (if not already) an' add th' defer keyword t' th' script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change Th' way archetypes be used t' generate output has changed. Th' new systems allows ye, t' redefine exist'n archetypes or even generate yer own ones.\nYer exist'n markdown files will still work like before an' therefore ye don’t need t' change anyth'n after th' upgrade. Nevertheless, it be recommended t' adapt yer exist'n markdown files t' th' new way as follows:\nfer yer home plank, add th' frontmatter parameter archetype = \"home\" an' remove th' lead'n head'n\nfer all files contain'n th' deprecated frontmatter parameter chapter = true, replace it wit' archetype = \"chapter\" an' remove th' lead'n head'ns\nChange Th' frontmatter opt'ns pre / post were renamed t' menuPre / menuPost. Th' old opt'ns will still be used if th' new opt'ns aren’t set. Therefore ye don’t need t' change anyth'n after th' upgrade.\nNew Add'n new partials heading-pre.html / heading-post.html an' accord'n frontmatter opt'ns headingPre / headingPost t' modify th' way yer page`s main head'n gets styled.\nNew Th' new shortcode math be avail'ble t' add beautiful math an' chemical formulae. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n4.2.0 (2022-06-23) Break'n Th' second parameter fer th' include shortcode was switched 'n mean'n an' was renamed from showfirsthead'n t' hidefirsthead'n. If ye haven’t used this parameter 'n yer shortcode, th' default behavior hasn’t changed an' ye don’t need t' change anyth'n.\nIf you’ve used th' second boolean parameter, ye have t' rename it an' invert its value t' achieve th' same behavior.\nChange Previously, if th' tabs shortcode could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.\nChange Th' landingPageURL was removed from config.toml. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically an' will point t' th' project’s homepage. If ye want t' support a different link, overwrite th' logo.html partial.\nNew All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shortcode.\n4.1.0 (2022-06-12) New While fix'n issues wit' th' search functionality fer non Latin languages, ye can now configure t' have multiple languages on a single plank. 4.0.0 (2022-06-05) Break'n Th' custom_css config parameter was removed from th' configurat'n. If used 'n an exist'n installat'n, it can be achieved by overrid'n th' custom-header.html template 'n a much more generic manner.\nBreak'n Because anchor hover color was not configur'ble without introduc'n more complexity t' th' variant stylesheets, we decided t' remove --MAIN-ANCHOR-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from --MAIN-LINK-color an' --MAIN-ANCHOR-HOVER-color respectively.\nNew All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don’t need t' change anyth'n 'n yer installat'n.\nThis applies t' expand, include, notice an' siteparam.\nNew Th' button shortcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.\nNew New colors --PRIMARY-color an' --SECONDARY-color were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have primary or secondary as additional values.\nThese two colors be th' default fer other, more specific color variables. Ye don’t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.\nNew Translat'n into Polish. This language be not supported fer search.\nNew Th' documentat'n fer all shorrrtcodes were revised.\n3.4.0 (2022-04-03) Break'n If ye had previously overwritten th' custom-footer.html partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial content-footer.html. custom-footer.html was never meant t' contain HTML other than additional styles an' JavaScript.\nNew If ye prefer expandable/collaps'ble menu items, ye can now set collapsibleMenu=true 'n yer config.toml. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.\nNew Ye can activate print support 'n yer config.toml t' add th' capability t' print whole chapters or even th' complete ship.\nNew Translat'n into Traditional Chinese.\n3.3.0 (2022-03-28) New Introduct'n o' new CSS variables t' set th' font. Th' theme distinguishes between --MAIN-font fer all rrrambl'n text an' --CODE-font fer inline or block code. There be additional overrides fer all head'ns. See th' theme variant generator o' th' exampleSite fer all avail'ble variables.\nNew Th' new shortcode swagger be avail'ble t' include a UI fer REST OpenAPI specificat'ns. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n3.2.0 (2022-03-19) 0.93.0 This release requires a newer Cap'n Hugo version.\nChange In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shortcode or be us'n Merrrmaid codefences. This changes th' behavior o' disableMermaid config opt'n as follows: If a Merrrmaid shortcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.\nTh' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shortcode or codefence be involved an' th' library be not boarded by default. In this case ye can set disableMermaid=false 'n yer frontmatter t' force th' library t' be boarded. See th' theme variant generator o' th' exampleSite fer an example.\nNew Additional color variant vari'ble --MERMAID-theme t' set th' variant’s Merrrmaid theme. This causes th' Merrrmaid theme t' switch wit' th' color variant if it defers from th' sett'n o' th' formerly selected color variant.\n3.1.0 (2022-03-15) New attachment an' notice shorrrtcodes have a new parameter t' override th' default ay'con. Allowed values be all Font Awesome 5 Free ay'cons. 3.0.0 (2022-02-22) Break'n We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right after th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\nBreak'n We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color an' introduced --MENU-SEARCH-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color t' --MENU-SEARCH-BORDER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nNew Wit' this release ye be now cap'ble t' define yer own dark mode variants.\nT' make this poss'ble, we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nT' see what’s now poss'ble, see th' new variants relearn-dark an' neon that be com'n wit' this release.\nNew T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive theme variant generator. This feature will not work wit' Internet Explorer 11.\nNew Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new variant switch will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant switcher will not be displayed wit' Internet Explorer 11.\n2.9.0 (2021-11-19) Break'n This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard compliant an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard compliant form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configurat'n Leaf bundle basics/configuration/index.md basics/configurat'n Plank basics/configurat'n.md basics/configurat'n If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard compliant an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server after an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console after th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not foundIn this case, ye must apply one o' two opt'ns:\nStart up a text editor wit' regular expression support fer search an' replace. Search fer (ref\\s+\"[^\"]*?)(?:/_index|/index)?(?:\\.md)?(#[^\"]*?)?\" an' replace it by $1$2\" 'n all *.md files. This be th' recommended choice.\nCopy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\n2.8.0 (2021-11-03) Change Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer Czech.\nNew Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\nNew Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n2.7.0 (2021-10-24) New Optional second parameter fer notice shortcode t' set title 'n box header. 2.6.0 (2021-10-21) New Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlight'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style. 2.4.0 (2021-10-07) Change Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.\nNew Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\nNew Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shortcode. Poss'ble values be title or weight.\nNew Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n2.3.0 (2021-09-13) 0.81.0 This release requires a newer Cap'n Hugo version.\nNew Showcase multilanguage features by provid'n a documentat'n translat'n “fer us pirrrates”. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.\n2.2.0 (2021-09-09) New Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml. 2.1.0 (2021-09-07) 0.69.0 This release requires a newer Cap'n Hugo version.\nChange In case th' site’s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\nNew Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\nNew If a search term be found 'n an expand shortcode, th' expand will be opened.\nNew Th' menu will scroll th' active item into view on board.\n2.0.0 (2021-08-28) Change Rules highlight'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\nChange In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets if ye want t' override th' defaults.\nChange Arrow navigat'n an' children shortcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\nChange If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\nChange A plank without a title will be treated as hidden=true.\nNew Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\nNew Shortcode children wit' new parameter containerstyle.\nNew New shortcode include t' include arbitrary file rrrambl'n into a plank.\n1.2.0 (2021-07-26) New Shortcode expand wit' new parameter t' open on plank board. 1.1.0 (2021-07-02) Break'n Merrrmaid diagrams can now be panned an' zoomed. This isn’t configur'ble yet.\nNew Merrrmaid config opt'ns can be set 'n config.toml.\n1.0.0 (2021-07-01) 0.65.0 Th' requirement fer th' Cap'n Hugo version o' this theme be th' same as fer th' Learrrn theme version 2.5.0 on 2021-07-01.\nNew Initial fork o' th' Learrrn theme based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' Relearrrn an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see this comment 'n th' Learrrn issues.\n",
+    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat'n. Like Merrrmaids, do'n math or chemistrrry and stuff.\nThis document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\n0.95.0 Th' minimum required Cap'n Hugo version.\nBreak'n A change that requires act'n by ye after upgrad'n t' assure th' ship be still functional.\nChange A change 'n default behavior that may requires act'n by ye if ye want t' revert it.\nNew Marks new behavior ye might find interest'n or comes configur'ble.\n5.19.0 (0000-00-00) New Th' theme has added two new color variants zen-light an' zen-dark.\nNew Th' theme has updated its Merrrmaid dependency t' 10.3.1. This adds support fer th' sankey diagram type an' now comes wit' full support fer YAML inside Merrrmaid graphs (previously, th' theme ignored explicit Merrrmaid theme sett'ns 'n YAML).\nNew Translat'n into Hungarian.\n5.18.0 (2023-07-27) Change Th' theme adds additional warnings fer deprecated or now unsupported features. Th' warnings include hints how t' fix them an' an additional link t' th' documenat'n.\nDEPRECATION warnings mark features that still work but may be removed 'n th' future.\nUNSUPPORTED warnings mark features that will not work anymore.\nChange There be visual improvements 'n display'n text links 'n yer rrrambl'n aswell as t' some other click'ble areas 'n th' theme. If you’ve overwritten some theme styles 'n yer own CSS, keep this 'n mind.\nNew Restored compatibility wit' Cap'n Hugo 0.95.0 or higher. This does not change th' minimum required Cap'n Hugo version.\nNew Th' siteparam shortcode be now cap'ble 'n display'n nested params aswell as support'n text formatt'n.\n5.17.0 (2023-06-22) Change Th' default behavior fer th' copy-to-clipboard feature fer code blocks has changed.\nTh' copy-to-clipboard button fer code blocks will now only be displayed if th' reader hovers th' code block.\nIf ye dislike this new behavior ye can turn it off an' revert t' th' old behavior by add'n [params] disableHoverBlockCopyToClipBoard=true t' yer config.toml.\nNew Restored compatibility wit' Cap'n Hugo 0.114.0 or higher. This does not change th' minimum required Cap'n Hugo version.\nNew Th' new highlight shortcode replaces Hugo’s default implementat'n an' be fully compat'ble. So ye don’t need t' change anyth'n.\nIn addit'n it offers some extensions. Currently only th' wrap extension opt'n be provided t' control whether a code block should be wrapped or scrolled if t' long t' fit.\n5.16.0 (2023-06-10) Change Th' theme now provides warnings fer deprecated or now unsupported features. Th' warnings include hints how t' fix them an' an additional link t' th' documenat'n.\nDEPRECATION warnings mark features that still work but may be removed 'n th' future.\nUNSUPPORTED warnings mark features that will not work anymore.\nChange Th' 404 error plank was revamped. Hopefully ye will not see this very often.\nNew Th' tabs shortcode an' th' tab shortcode received some love an' now align wit' their style, color, title an' ay'con parameter t' th' other shorrrtcodes.\nTh' visuals be now slightly different compared t' previous versions. Most note'ble, if ye now display a single code block 'n a tab, its default styl'n will adapt t' that o' a code block but wit' a tab handle at th' top.\nAdditionally th' name parameter was renamed t' title but ye don’t need t' change anyth'n yet as th' old name will be used as a fallback. Nevertheless ye will get deprecat'n warnings while execut'n Hugo.\nNew Th' theme now optionally supports separate favicons fer light \u0026 dark mode.\n5.15.0 (2023-05-29) Change Restored compatibility wit' Cap'n Hugo 0.112.0 or higher. This does not change th' minimum required Cap'n Hugo version.\nTh' attachments shortcode has compatiblity issues wit' newer Cap'n Hugo versions. Ye must switch t' leaf bundles or be locked t' Cap'n Hugo \u003c 0.112.0 fer now.\nIt be planned t' refactor th' attchments shortcode 'n th' future. This will make it poss'ble t' use th' shortcode 'n branch bundles again but not 'n simple planks anymore. This will most likely come wit' a break'n change.\nChange Th' tabs shortcode has changed behavior if ye haven’t set th' groupid parameter.\nFormerly all tab views without a groupid were treated as so they belong t' th' same group. Now, each tab view be treated as it was given a unique id.\nNew Th' already known tabshas a new friend th' tab shortcode t' make it easier t' create a tab view 'n case ye only need one single tab. Really handy if ye want t' flag yer code examples wit' a language identifier.\nAdditionally fer such a use case, th' whitespace between a tab outline an' th' code be removed if only a single code block be contained.\nNew Besides th' tag taxonomy th' theme now also provides th' category taxonomy out o' th' box an' shows them 'n th' rrrambl'n footer o' each plank.\n5.14.0 (2023-05-20) New Th' taxonomy planks received some love 'n this release, mak'n them better leverage avail'ble screen space an' add'n translat'n support fer th' taxonomy names.\nHugo’s default taxonmies tags an' categories be already contained 'n th' theme’s i18n files. If ye have self-defined taxonomies, ye can add translat'ns by add'n them t' yer own i18n files. If ye don’t provide translat'ns, th' singualar an' plural forms be taken as configured 'n yer config.toml.\nNew T' give ye more flexibility 'n customiz'n yer article layout a new partial content-header.html be introduced.\nThis came out o' th' requirement t' cust'mize th' posit'n o' article tags, which by default be displayed above th' title. A second requirement was t' also show additional taxonomies not supported by th' theme natively. While Cap'n Hugo supports tags an' categories by default, th' theme only displays tags.\nSo how t' adjust th' posit'n o' tags start'n from th' theme’s default whar' tags be only shown above th' title?\nHide tags above title: Overwrite content-header.html wit' an empty file. Show tags between title an' rrrambl'n: Overwrite heading-post.html an' add {{- partial \"tags.html\" . }} t' it. Show tags below rrrambl'n: Overwrite content-footer.html an' add {{- partial \"tags.html\" . }} t' it. New Th' new parameter breadcrumbSeparator be now avail'ble 'n yer config.toml t' change th' - well - separator o' th' breadcrumb items. An appropriate default be 'n place if ye do not configure anyth'n.\n5.13.0 (2023-05-17) Change Th' swagger shortcode was deprecated 'n favor fer th' openapi shortcode. Ye don’t need t' change anyth'n yet as th' old name will be used as a fallback. It be planned t' remove th' swagger shortcode 'n th' next major release.\nAdditionally, th' implemant'n o' this shortcode was switched from RapiDoc t' SwaggerUI.\n5.12.0 (2023-05-04) Change In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' collaps'ble menu was changed (again). While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nNew Support fer th' great VSCode Front Matter extension which provides on-premise CMS capabilties t' Cap'n Hugo.\nTh' theme provides Front Matter snippets fer its shorrrtcodes. Currently only English an' German be supported. Put a reference into yer frontmatter.json like this\n{ ... \"frontMatter.extends\": [ \"./vscode-frontmatter/snippets.en.json\" ] ... } New Support fer languages that be written right t' left (like Arabic) be now complete an' extended t' th' menu, th' top navigat'n bar an' print. Ye can experience this 'n th' pirate translat'n. This feature be not avail'ble 'n Internet Explorer 11.\nNew Th' scrollbars be now colored accord'n t' their variant color scheme t' better fit into th' visuals.\n5.11.0 (2023-02-07) Change Th' theme removed th' popular jQuery library from its distribut'n.\nIn case ye made changes t' th' theme that be dependend on this library ye can place a copy o' jQuery into yer static/js directory an' board it from yer own layouts/partials/custom-header.html like this:\n\u003cscript src=\"{{\"js/jquery.min.js\"| relURL}}\" defer\u003e\u003c/script\u003e Change Merrrmaid diagrams can now be configured fer pan an' zoom on site-, page-level or individually fer each graph.\nTh' default sett'n o' on, 'n effect since 1.1.0, changed back t' off as there was interference wit' scroll'n on mobile an' big planks.\nChange Th' theme be now cap'ble t' visually adapt t' yer OS’s light/dark mode sett'n.\nThis be also th' new default sett'n if ye haven’t configured themeVariant 'n yer config.toml.\nAdditionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new themeVariantAuto parameter.\nThis be not supported fer Internet Explorer 11, which still displays 'n th' relearn-light variant.\nChange Th' JavaScript code fer handl'n image lightboxes (provided by Featherlight) was replaced by a CSS-only solut'n.\nThis also changed th' lightbox effects parameter from featherlight=false t' lightbox=false. Nevertheless ye don’t need t' change anyth'n as th' old name will be used as a fallback.\nChange In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' expand shortcode was changed. While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nNew Translat'n into Czech. This language be not supported fer search.\nNew GitHub releases be also now tagged fer th' main version (eg. 1.2.x), major version (eg. 1.x) an' th' latest (just x) release mak'n it easier fer ye t' pin th' theme t' a certain version.\n5.10.0 (2023-01-25) New Th' attachments, badge, button an' notice shorrrtcodes have a new parameter color t' set arbitrary CSS color values.\nAdditionally th' --ACCENT-color brand color introduced 'n version 5.8.0 be now supported wit' these shorrrtcodes.\n5.9.0 (2022-12-23) Break'n Wit' this version it be now poss'ble t' not only have sections on th' first menu level but also planks.\nIt was later discovered, that this causes planks only meant t' be displayed 'n th' More section o' th' menu an' stored directly inside yer rrrambl'n directory t' now show up 'n th' menu aswell.\nT' get rid o' this undesired behavior ye have two choices:\nMake th' plank file fer th' More section a headless branch bundle (contained 'n its own subdirectory an' called _index.md) an' add th' follow'n frontmatter configurat'n t' th' file (see exampleSite’s content/showcase). This causes its rrrambl'n t' not be contained 'n th' sitemap.\n[_build] render = \"never\" list = \"never\" publishResources = false Store th' plank file fer th' More section below a parent headless branch bundle an' add th' follow'n frontmatter t' th' parent. In this case, th' file itself can be a branch bundle, leaf bundle or simple plank (see exampleSite’s content/more/ an' content/more/credits). This causes its rrrambl'n t' be contained 'n th' sitemap.\n[_build] render = \"always\" list = \"never\" publishResources = true Change Th' required folder name fer th' attachments shortcode was changed fer leaf bundles.\nPreviously, th' attachments fer leaf bundles 'n non-multilang setups were required t' be 'n a files subdirectory. For plank bundles an' leaf bundles 'n multilang setups they were always required t' be 'n a _index.\u003cLANGCODE\u003e.files or index.\u003cLANGCODE\u003e.files subdirectory accordingly.\nThis added unnessessary complexity. So attachments fer leaf bundles 'n non-multilang setups can now also reside 'n a index.files directory. Although th' old files directory be now deprecated, if both directories be present, only th' old files directory will be used fer compatiblity.\nChange Absolute links prefixed wit' http:// or https:// be now opened 'n a separate browser tab.\nYe can revert back t' th' old behavior by defin'n externalLinkTarget=\"_self\" 'n th' params section o' yer config.toml.\nNew Th' theme now supports Hugo’s module system.\n5.8.0 (2022-12-08) New Th' new badge shortcode be now avail'ble t' add highly configur'ble markers t' yer rrrambl'n as ye can see it on this plank.\nNew Th' new ay'con shortcode simplyfies th' usage o' ay'cons. This can even be combined wit' also new badge shortcode.\nNew Th' theme now supports some o' GFM (GitHub Flavored Markdown) rules an' Cap'n Hugo Marrrkdown extensions, namely task lists, defint'n lists an' footnotes.\nNew A new color --ACCENT-color was introduced which be used fer highlightn'n search results on th' plank. In case ye simply don’t care, ye don’t need t' change anyth'n 'n yer variant stylesheet as th' old yellow color be still used as default.\n5.7.0 (2022-11-29) Change Th' Korean language translat'n fer this theme be now avail'ble wit' th' language code ko. Formerly th' country code kr was used instead.\nNew Th' button shortcode can now also be used as a real button inside o' HTML forms - although this be a pretty rare use case. Th' documentat'n was updated accordingly.\nNew Th' search now supports th' Korean language.\n5.6.0 (2022-11-18) New This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.\nT' activate this feature, ye need t' configure it 'n yer config.toml as a new outputformat SEARCHPAGE fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.\nYe can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.\nNew Keyboard handl'n fer th' TOC an' search was improved.\nPress'n CTRL+ALT+t now will not only toggle th' TOC overlay but also places th' focus t' th' first head'n on open'n. Subsequently this makes it poss'ble t' easily select head'ns by us'n th' TAB key.\nTh' search received its own brand new keyboard shortcut CTRL+ALT+f. This will focus th' cursor inside o' th' the search box so ye can immediately start yer search by typ'n.\nNew Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.\nT' configure this 'n yer config.toml make sure t' set Hugo’s disableHugoGeneratorInject=true an' also [params] disableGeneratorVersion=true, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.\nNew Creat'n o' yer project gets a little bit faster wit' this release.\nThis addresses increased build time wit' th' 5.x releases. Th' theme now heavily caches partial results lead'n t' improved performance. T' further increase performance, unnecessary parts o' th' plank be now skipped fer creat'n o' th' print output (eg. menus, navigat'n bar, etc.).\n5.5.0 (2022-11-06) Change Th' way images be processed has changed. Now images be lazy boarded by default which speeds up plank board on slow networks and/or big planks an' also th' print preview.\nFor that th' JavaScript code t' handle th' lightbox an' image effects on th' client side was removed 'n favour fer static generat'n o' those effects on th' server.\nIf ye have used HTML directly 'n yer Marrrkdown files, this now has th' downside that it doesn’t respect th' effect query parameter anymore. In this case ye have t' migrate all yer HTML img URLs manually t' th' respective HTML attributes.\nOld New \u003cimg src=\"pic.png?width=20vw\u0026classes=shadow,border\"\u003e \u003cimg src=\"pic.png\" style=\"width:20vw;\" class=\"shadow border\"\u003e 5.4.0 (2022-11-01) Change Wit' th' proper sett'ns 'n yer config.toml yer plank be now serv'ble from th' local file system us'n file:// URLs.\nPlease note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer config.toml from JSON t' SEARCH. Th' now deprecated JSON outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from http:// or https://.\nChange Th' button shortcode has a new parameter target t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.\nNew Th' math shortcode an' mermaid shortcode now also support th' align parameter if codefence rules be used.\nNew Support fer languages that be written right t' left (like Arabic). This be only implemented fer th' rrrambl'n area but not th' navigat'n sidebar. This feature be not avail'ble 'n Internet Explorer 11.\nNew Translat'n into Finnish (Suomi).\n5.3.0 (2022-10-07) Change In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' collaps'ble menu was changed. Th' functionality o' th' new implementat'n does not work wit' old browsers (Internet Explorer 11).\nNew Image formatt'n has two new classes t' align images t' th' left or right. Additionally, th' already exist'n inline opt'n be now documented.\nNew Print'n fer th' swagger shortcode was optimized t' expand sections that be usually closed 'n interactive mode. This requires print support t' be configured.\n5.2.0 (2022-08-03) Change If you’ve set collapsibleMenu = true 'n yer config.toml, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus. 5.1.0 (2022-07-15) 0.95.0 This release requires a newer Cap'n Hugo version.\nChange Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a index.print.html t' th' default URL.\nYe can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer config.tomlt':\n[outputFormats] [outputFormats.PRINT] name= \"PRINT\" baseName = \"index\" path = \"_print\" isHTML = true mediaType = 'text/html' permalink'ble = false 5.0.0 (2022-07-05) Break'n Th' theme changed how JavaScript an' CSS dependencies be boarded t' provide a better performance. In case you’ve added own JavaScript code that depends on th' themes jQuery implementat'n, ye have t' put it into a separate *.js file (if not already) an' add th' defer keyword t' th' script element. Eg.\n\u003cscript defer src=\"myscript.js\"\u003e\u003c/script\u003e Change Th' way archetypes be used t' generate output has changed. Th' new systems allows ye, t' redefine exist'n archetypes or even generate yer own ones.\nYer exist'n markdown files will still work like before an' therefore ye don’t need t' change anyth'n after th' upgrade. Nevertheless, it be recommended t' adapt yer exist'n markdown files t' th' new way as follows:\nfer yer home plank, add th' frontmatter parameter archetype = \"home\" an' remove th' lead'n head'n\nfer all files contain'n th' deprecated frontmatter parameter chapter = true, replace it wit' archetype = \"chapter\" an' remove th' lead'n head'ns\nChange Th' frontmatter opt'ns pre / post were renamed t' menuPre / menuPost. Th' old opt'ns will still be used if th' new opt'ns aren’t set. Therefore ye don’t need t' change anyth'n after th' upgrade.\nNew Add'n new partials heading-pre.html / heading-post.html an' accord'n frontmatter opt'ns headingPre / headingPost t' modify th' way yer page`s main head'n gets styled.\nNew Th' new shortcode math be avail'ble t' add beautiful math an' chemical formulae. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n4.2.0 (2022-06-23) Break'n Th' second parameter fer th' include shortcode was switched 'n mean'n an' was renamed from showfirsthead'n t' hidefirsthead'n. If ye haven’t used this parameter 'n yer shortcode, th' default behavior hasn’t changed an' ye don’t need t' change anyth'n.\nIf you’ve used th' second boolean parameter, ye have t' rename it an' invert its value t' achieve th' same behavior.\nChange Previously, if th' tabs shortcode could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.\nChange Th' landingPageURL was removed from config.toml. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically an' will point t' th' project’s homepage. If ye want t' support a different link, overwrite th' logo.html partial.\nNew All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shortcode.\n4.1.0 (2022-06-12) New While fix'n issues wit' th' search functionality fer non Latin languages, ye can now configure t' have multiple languages on a single plank. 4.0.0 (2022-06-05) Break'n Th' custom_css config parameter was removed from th' configurat'n. If used 'n an exist'n installat'n, it can be achieved by overrid'n th' custom-header.html template 'n a much more generic manner.\nBreak'n Because anchor hover color was not configur'ble without introduc'n more complexity t' th' variant stylesheets, we decided t' remove --MAIN-ANCHOR-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from --MAIN-LINK-color an' --MAIN-ANCHOR-HOVER-color respectively.\nNew All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don’t need t' change anyth'n 'n yer installat'n.\nThis applies t' expand, include, notice an' siteparam.\nNew Th' button shortcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.\nNew New colors --PRIMARY-color an' --SECONDARY-color were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have primary or secondary as additional values.\nThese two colors be th' default fer other, more specific color variables. Ye don’t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.\nNew Translat'n into Polish. This language be not supported fer search.\nNew Th' documentat'n fer all shorrrtcodes were revised.\n3.4.0 (2022-04-03) Break'n If ye had previously overwritten th' custom-footer.html partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial content-footer.html. custom-footer.html was never meant t' contain HTML other than additional styles an' JavaScript.\nNew If ye prefer expandable/collaps'ble menu items, ye can now set collapsibleMenu=true 'n yer config.toml. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.\nNew Ye can activate print support 'n yer config.toml t' add th' capability t' print whole chapters or even th' complete ship.\nNew Translat'n into Traditional Chinese.\n3.3.0 (2022-03-28) New Introduct'n o' new CSS variables t' set th' font. Th' theme distinguishes between --MAIN-font fer all rrrambl'n text an' --CODE-font fer inline or block code. There be additional overrides fer all head'ns. See th' theme variant generator o' th' exampleSite fer all avail'ble variables.\nNew Th' new shortcode swagger be avail'ble t' include a UI fer REST OpenAPI specificat'ns. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n3.2.0 (2022-03-19) 0.93.0 This release requires a newer Cap'n Hugo version.\nChange In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shortcode or be us'n Merrrmaid codefences. This changes th' behavior o' disableMermaid config opt'n as follows: If a Merrrmaid shortcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.\nTh' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shortcode or codefence be involved an' th' library be not boarded by default. In this case ye can set disableMermaid=false 'n yer frontmatter t' force th' library t' be boarded. See th' theme variant generator o' th' exampleSite fer an example.\nNew Additional color variant vari'ble --MERMAID-theme t' set th' variant’s Merrrmaid theme. This causes th' Merrrmaid theme t' switch wit' th' color variant if it defers from th' sett'n o' th' formerly selected color variant.\n3.1.0 (2022-03-15) New attachment an' notice shorrrtcodes have a new parameter t' override th' default ay'con. Allowed values be all Font Awesome 5 Free ay'cons. 3.0.0 (2022-02-22) Break'n We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right after th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\nBreak'n We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color an' introduced --MENU-SEARCH-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange For consistency reasons, we renamed --MENU-SEARCH-BOX-color t' --MENU-SEARCH-BORDER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nNew Wit' this release ye be now cap'ble t' define yer own dark mode variants.\nT' make this poss'ble, we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nT' see what’s now poss'ble, see th' new variants relearn-dark an' neon that be com'n wit' this release.\nNew T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive theme variant generator. This feature will not work wit' Internet Explorer 11.\nNew Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new variant switch will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant switcher will not be displayed wit' Internet Explorer 11.\n2.9.0 (2021-11-19) Break'n This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard compliant an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard compliant form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configurat'n Leaf bundle basics/configuration/index.md basics/configurat'n Plank basics/configurat'n.md basics/configurat'n If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard compliant an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server after an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console after th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not foundIn this case, ye must apply one o' two opt'ns:\nStart up a text editor wit' regular expression support fer search an' replace. Search fer (ref\\s+\"[^\"]*?)(?:/_index|/index)?(?:\\.md)?(#[^\"]*?)?\" an' replace it by $1$2\" 'n all *.md files. This be th' recommended choice.\nCopy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\n2.8.0 (2021-11-03) Change Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer Czech.\nNew Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\nNew Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n2.7.0 (2021-10-24) New Optional second parameter fer notice shortcode t' set title 'n box header. 2.6.0 (2021-10-21) New Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example. 2.5.0 (2021-10-08) Change New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlight'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style. 2.4.0 (2021-10-07) Change Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.\nNew Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\nNew Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shortcode. Poss'ble values be title or weight.\nNew Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n2.3.0 (2021-09-13) 0.81.0 This release requires a newer Cap'n Hugo version.\nNew Showcase multilanguage features by provid'n a documentat'n translat'n “fer us pirrrates”. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.\n2.2.0 (2021-09-09) New Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml. 2.1.0 (2021-09-07) 0.69.0 This release requires a newer Cap'n Hugo version.\nChange In case th' site’s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\nNew Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\nNew If a search term be found 'n an expand shortcode, th' expand will be opened.\nNew Th' menu will scroll th' active item into view on board.\n2.0.0 (2021-08-28) Change Rules highlight'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\nChange In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets if ye want t' override th' defaults.\nChange Arrow navigat'n an' children shortcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\nChange If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\nChange A plank without a title will be treated as hidden=true.\nNew Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\nNew New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\nNew Shortcode children wit' new parameter containerstyle.\nNew New shortcode include t' include arbitrary file rrrambl'n into a plank.\n1.2.0 (2021-07-26) New Shortcode expand wit' new parameter t' open on plank board. 1.1.0 (2021-07-02) Break'n Merrrmaid diagrams can now be panned an' zoomed. This isn’t configur'ble yet.\nNew Merrrmaid config opt'ns can be set 'n config.toml.\n1.0.0 (2021-07-01) 0.65.0 Th' requirement fer th' Cap'n Hugo version o' this theme be th' same as fer th' Learrrn theme version 2.5.0 on 2021-07-01.\nNew Initial fork o' th' Learrrn theme based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' Relearrrn an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see this comment 'n th' Learrrn issues.\n",
     "description": "",
     "tags": null,
     "title": "What's New",
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index d3eb889a3c..83cef71fa4 100644
--- a/pir/more/credits/index.html
+++ b/pir/more/credits/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/more/credits/index.print.html" rel="alternate" type="text/html" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -246,12 +246,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -336,8 +336,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -379,12 +381,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index abd84679dd..1661f20b1b 100644
--- a/pir/more/credits/index.print.html
+++ b/pir/more/credits/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="canonical" type="text/html" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -141,8 +141,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index 8a7c9b71f1..4fac363ff6 100644
--- a/pir/search.html
+++ b/pir/search.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="canonical" type="text/html" title="Searrrch :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840803" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840803" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840803" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840803" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840803" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840803" rel="stylesheet">
-    <link href="../css/fonts.css?1691840803" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840803" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840803" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840803" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840803" rel="stylesheet">
-    <link href="../css/print.css?1691840803" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691840803" rel="stylesheet">
-    <script src="../js/url.js?1691840803"></script>
-    <script src="../js/variant.js?1691840803"></script>
+    <link href="../css/fontawesome-all.min.css?1691849477" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849477" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849477" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849477" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849477" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849477" rel="stylesheet">
+    <link href="../css/fonts.css?1691849477" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849477" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849477" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849477" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849477" rel="stylesheet">
+    <link href="../css/print.css?1691849477" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691849477" rel="stylesheet">
+    <script src="../js/url.js?1691849477"></script>
+    <script src="../js/variant.js?1691849477"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691840803" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691840803" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691840803" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691840803" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691840803" defer></script>
-        <script src="../js/search.js?1691840803" defer></script>
+        <script src="../js/auto-complete.js?1691849477" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691849477" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691849477" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691849477" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691849477" defer></script>
+        <script src="../js/search.js?1691849477" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -270,8 +270,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -313,12 +315,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1691840803"></script>
+          <script async src="../js/buttons.js?1691849477"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691840803" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840803" defer></script>
-    <script src="../js/theme.js?1691840803" defer></script>
+    <script src="../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index dca1ad8e53..5c6bb8aa70 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/attachments/index.print.html" rel="alternate" type="text/html" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -461,12 +461,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840800" defer></script>
-        <script src="../../../js/search.js?1691840800" defer></script>
+        <script src="../../../js/auto-complete.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849473" defer></script>
+        <script src="../../../js/search.js?1691849473" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -551,8 +551,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -594,12 +596,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840800"></script>
+          <script async src="../../../js/buttons.js?1691849473"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840800" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840800" defer></script>
-    <script src="../../../js/theme.js?1691840800" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849473" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849473" defer></script>
+    <script src="../../../js/theme.js?1691849473" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 1d66110f19..acfd74d42d 100644
--- a/pir/shortcodes/attachments/index.print.html
+++ b/pir/shortcodes/attachments/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="canonical" type="text/html" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -341,8 +341,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index a9057a2bf4..7ee75c2152 100644
--- a/pir/shortcodes/badge/index.html
+++ b/pir/shortcodes/badge/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/badge/index.print.html" rel="alternate" type="text/html" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -393,12 +393,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840800" defer></script>
-        <script src="../../../js/search.js?1691840800" defer></script>
+        <script src="../../../js/auto-complete.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849473" defer></script>
+        <script src="../../../js/search.js?1691849473" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -483,8 +483,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -526,12 +528,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840800"></script>
+          <script async src="../../../js/buttons.js?1691849473"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840800" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840800" defer></script>
-    <script src="../../../js/theme.js?1691840800" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849473" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849473" defer></script>
+    <script src="../../../js/theme.js?1691849473" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index c50c13afff..7d13e32add 100644
--- a/pir/shortcodes/badge/index.print.html
+++ b/pir/shortcodes/badge/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="canonical" type="text/html" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -280,8 +280,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index c63cb1c4b4..9601d88974 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/button/index.print.html" rel="alternate" type="text/html" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -533,12 +533,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840800" defer></script>
-        <script src="../../../js/search.js?1691840800" defer></script>
+        <script src="../../../js/auto-complete.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849473" defer></script>
+        <script src="../../../js/search.js?1691849473" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -623,8 +623,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -666,12 +668,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840800"></script>
+          <script async src="../../../js/buttons.js?1691849473"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840800" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840800" defer></script>
-    <script src="../../../js/theme.js?1691840800" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849473" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849473" defer></script>
+    <script src="../../../js/theme.js?1691849473" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index 87cd497759..fd1a63ef3b 100644
--- a/pir/shortcodes/button/index.print.html
+++ b/pir/shortcodes/button/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="canonical" type="text/html" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -419,8 +419,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" 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 a14312c568..33e0b7fcc3 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1691840800"></script>
-    <script src="../../../../../../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../../../../../../../js/search.js?1691840802" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../../../../../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -283,8 +283,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -326,12 +328,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../../../../../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1691849476" 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 bc6ee5952d..4fd5b70246 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1691840802"></script>
-    <script src="../../../../../../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1691849476"></script>
+    <script src="../../../../../../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -97,8 +97,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1691849477" 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 bcda1c29c6..23a82e1d0e 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1691840800"></script>
-    <script src="../../../../../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -204,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../../../../../../js/search.js?1691840802" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../../../../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -298,8 +298,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -341,12 +343,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../../../../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../../../../../../js/theme.js?1691849476" 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 d8f1b87650..9a71f9a50b 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1691840802"></script>
-    <script src="../../../../../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1691849476"></script>
+    <script src="../../../../../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -123,8 +123,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../../../../../../js/theme.js?1691849477" 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 13b3f4d14c..2a9ecf79ba 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691840800"></script>
-    <script src="../../../../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -203,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../../../../../js/search.js?1691840802" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../../../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -295,8 +295,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -338,12 +340,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../../../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../../../../../js/theme.js?1691849475" 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 392f9f4ccb..eadcecbee8 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691840802"></script>
-    <script src="../../../../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691849476"></script>
+    <script src="../../../../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -104,8 +104,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../../../../../js/theme.js?1691849477" 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 b2190909e7..4a8c564be6 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691840800"></script>
-    <script src="../../../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../../../../js/search.js?1691840802" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -294,8 +294,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -337,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../../../../js/theme.js?1691849475" 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 87064f1a33..ce539eb69c 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691840802"></script>
-    <script src="../../../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691849476"></script>
+    <script src="../../../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -130,8 +130,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../../../../js/theme.js?1691849477" 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 b11d909a7d..81088921aa 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" rel="alternate" type="text/html" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691840800"></script>
-    <script src="../../../../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../../../../../js/search.js?1691840802" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../../../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -278,8 +278,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -321,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../../../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../../../../../js/theme.js?1691849476" 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 f6ce717849..a3e4f89880 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="canonical" type="text/html" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691840802"></script>
-    <script src="../../../../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691849476"></script>
+    <script src="../../../../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -96,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../../../../../js/theme.js?1691849477" 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 91e4f22a01..98575ec02f 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" rel="alternate" type="text/html" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691840800"></script>
-    <script src="../../../../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../../../../../js/search.js?1691840802" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../../../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -278,8 +278,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -321,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../../../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../../../../../js/theme.js?1691849476" 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 aa4534db3e..76493e0095 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="canonical" type="text/html" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691840802"></script>
-    <script src="../../../../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691849476"></script>
+    <script src="../../../../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -96,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../../../../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
index 07c3dfdb9f..d45ef43805 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html" rel="alternate" type="text/html" title="plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691840800"></script>
-    <script src="../../../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -204,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../../../../js/search.js?1691840802" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -294,8 +294,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -337,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
index cfda0e3ed1..ab4279acbc 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="canonical" type="text/html" title="plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691840802"></script>
-    <script src="../../../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691849476"></script>
+    <script src="../../../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -141,8 +141,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../../../../js/theme.js?1691849477" 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 b4c07443e1..792f2b4c5b 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html" rel="alternate" type="text/html" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691840800"></script>
-    <script src="../../../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -187,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../../../../js/search.js?1691840802" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -277,8 +277,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -320,12 +322,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../../../../js/theme.js?1691849476" 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 4eed048175..e0f84d6971 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="canonical" type="text/html" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691840802"></script>
-    <script src="../../../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691849476"></script>
+    <script src="../../../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -95,8 +95,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../../../../js/theme.js?1691849477" 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 4d05a88356..1ec41955c2 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.print.html" rel="alternate" type="text/html" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691840800"></script>
-    <script src="../../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -204,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../../../js/search.js?1691840802" defer></script>
+        <script src="../../../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -294,8 +294,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -337,12 +339,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../../../js/theme.js?1691849475" 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 e9d2354d08..b46704b562 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="canonical" type="text/html" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691840802"></script>
-    <script src="../../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691849476"></script>
+    <script src="../../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -187,8 +187,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index c25878e9ed..b4847c1ef3 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-1/index.print.html" rel="alternate" type="text/html" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840800"></script>
-    <script src="../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849472"></script>
+    <script src="../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../../js/search.js?1691840802" defer></script>
+        <script src="../../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -291,8 +291,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -334,12 +336,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../../js/theme.js?1691849475" 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 e3f97adbe7..50d585e296 100644
--- a/pir/shortcodes/children/children-1/index.print.html
+++ b/pir/shortcodes/children/children-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="canonical" type="text/html" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840802"></script>
-    <script src="../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849476"></script>
+    <script src="../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -213,8 +213,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index ab0a1f7892..65dccffb75 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-2/index.print.html" rel="alternate" type="text/html" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840800"></script>
-    <script src="../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849472"></script>
+    <script src="../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../../js/search.js?1691840802" defer></script>
+        <script src="../../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -276,8 +276,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -319,12 +321,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../../js/theme.js?1691849476" 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 b94bf7fe75..41f4115d5e 100644
--- a/pir/shortcodes/children/children-2/index.print.html
+++ b/pir/shortcodes/children/children-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="canonical" type="text/html" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840802"></script>
-    <script src="../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849476"></script>
+    <script src="../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index d01b3c6367..43c0d19fc5 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-3/index.print.html" rel="alternate" type="text/html" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840800"></script>
-    <script src="../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849472"></script>
+    <script src="../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../../js/search.js?1691840802" defer></script>
+        <script src="../../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -291,8 +291,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -334,12 +336,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../../js/theme.js?1691849476" 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 f7c4a6aa19..6b9865a68b 100644
--- a/pir/shortcodes/children/children-3/index.print.html
+++ b/pir/shortcodes/children/children-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="canonical" type="text/html" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840802"></script>
-    <script src="../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849476"></script>
+    <script src="../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -120,8 +120,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../../js/theme.js?1691849477" 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 88328f3508..170e7df5b2 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../pir/shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-3/test3/index.print.html" rel="alternate" type="text/html" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691840800"></script>
-    <script src="../../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../../../js/search.js?1691840801" defer></script>
+        <script src="../../../../../js/auto-complete.js?1691849474" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1691849474" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691849474" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1691849474" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1691849474" defer></script>
+        <script src="../../../../../js/search.js?1691849474" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -276,8 +276,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -319,12 +321,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../../../js/buttons.js?1691849474"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../../../../js/theme.js?1691840801" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691849474" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691849474" defer></script>
+    <script src="../../../../../js/theme.js?1691849474" 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 eb41278c00..2e4404cc5f 100644
--- a/pir/shortcodes/children/children-3/test3/index.print.html
+++ b/pir/shortcodes/children/children-3/test3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="canonical" type="text/html" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691840802"></script>
-    <script src="../../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691849476"></script>
+    <script src="../../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index c907b21ac6..a5d5979211 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840800"></script>
-    <script src="../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849472"></script>
+    <script src="../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../../js/search.js?1691840802" defer></script>
+        <script src="../../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -275,8 +275,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -318,12 +320,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../../js/theme.js?1691849476" 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 cf98bf18c1..9817f8f7a3 100644
--- a/pir/shortcodes/children/children-4/index.print.html
+++ b/pir/shortcodes/children/children-4/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840802"></script>
-    <script src="../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849476"></script>
+    <script src="../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 2e33d7d9b3..a15c475e33 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/children/index.print.html" rel="alternate" type="text/html" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -396,12 +396,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -486,8 +486,10 @@ So its rrrambl'n be used as descript'n.</p>
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -529,12 +531,12 @@ So its rrrambl'n be used as descript'n.</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index 18ff745434..619f435ced 100644
--- a/pir/shortcodes/children/index.print.html
+++ b/pir/shortcodes/children/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="canonical" type="text/html" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -503,8 +503,8 @@ So its rrrambl'n be used as descript'n.</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index ed63aa691b..f5370afd21 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -14,20 +14,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/test/index.print.html" rel="alternate" type="text/html" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840800"></script>
-    <script src="../../../../js/variant.js?1691840800"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849472"></script>
+    <script src="../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../../js/search.js?1691840801" defer></script>
+        <script src="../../../../js/auto-complete.js?1691849474" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691849474" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691849474" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691849474" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691849474" defer></script>
+        <script src="../../../../js/search.js?1691849474" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -275,8 +275,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -318,12 +320,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../../js/buttons.js?1691849474"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../../../js/theme.js?1691840801" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849474" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849474" defer></script>
+    <script src="../../../../js/theme.js?1691849474" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index 34df6ca8b7..e49d82f612 100644
--- a/pir/shortcodes/children/test/index.print.html
+++ b/pir/shortcodes/children/test/index.print.html
@@ -14,21 +14,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="canonical" type="text/html" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840802"></script>
-    <script src="../../../../js/variant.js?1691840802"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849476"></script>
+    <script src="../../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +44,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -93,8 +93,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index a4381c6ca3..af559717ab 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/expand/index.print.html" rel="alternate" type="text/html" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -116,13 +116,13 @@
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-d083716413eac704705ab4a322d2f05d" aria-controls="expandcontent-d083716413eac704705ab4a322d2f05d" >
-    <label class="expand-label" for="expand-d083716413eac704705ab4a322d2f05d" >
+    <input type="checkbox" id="expand-4c99a8631b7cf4105247995abaf3613b" aria-controls="expandcontent-4c99a8631b7cf4105247995abaf3613b" >
+    <label class="expand-label" for="expand-4c99a8631b7cf4105247995abaf3613b" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-d083716413eac704705ab4a322d2f05d" class="expand-content">
+    <div id="expandcontent-4c99a8631b7cf4105247995abaf3613b" 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>
@@ -249,26 +249,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-be2819590e1f2e890a2d6184a4fef2d5" aria-controls="expandcontent-be2819590e1f2e890a2d6184a4fef2d5" >
-    <label class="expand-label" for="expand-be2819590e1f2e890a2d6184a4fef2d5" >
+    <input type="checkbox" id="expand-04abbbc89d13eef0bc781375bee8107b" aria-controls="expandcontent-04abbbc89d13eef0bc781375bee8107b" >
+    <label class="expand-label" for="expand-04abbbc89d13eef0bc781375bee8107b" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-be2819590e1f2e890a2d6184a4fef2d5" class="expand-content">
+    <div id="expandcontent-04abbbc89d13eef0bc781375bee8107b" 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="expand-813f535382cbb96c2e13d581eb3c362d" aria-controls="expandcontent-813f535382cbb96c2e13d581eb3c362d"  checked>
-    <label class="expand-label" for="expand-813f535382cbb96c2e13d581eb3c362d" >
+    <input type="checkbox" id="expand-30c50636e5c8fc20a511e349016f181f" aria-controls="expandcontent-30c50636e5c8fc20a511e349016f181f"  checked>
+    <label class="expand-label" for="expand-30c50636e5c8fc20a511e349016f181f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-813f535382cbb96c2e13d581eb3c362d" class="expand-content">
+    <div id="expandcontent-30c50636e5c8fc20a511e349016f181f" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -289,13 +289,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="expand-7938d0c890adc45aa7e1e075cec7699b" aria-controls="expandcontent-7938d0c890adc45aa7e1e075cec7699b" >
-    <label class="expand-label" for="expand-7938d0c890adc45aa7e1e075cec7699b" >
+    <input type="checkbox" id="expand-88ee84a3486bdb6fc4089c012e5ccf7c" aria-controls="expandcontent-88ee84a3486bdb6fc4089c012e5ccf7c" >
+    <label class="expand-label" for="expand-88ee84a3486bdb6fc4089c012e5ccf7c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-7938d0c890adc45aa7e1e075cec7699b" class="expand-content">
+    <div id="expandcontent-88ee84a3486bdb6fc4089c012e5ccf7c" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -397,12 +397,12 @@ No need t' press ye!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840800" defer></script>
-        <script src="../../../js/search.js?1691840800" defer></script>
+        <script src="../../../js/auto-complete.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849473" defer></script>
+        <script src="../../../js/search.js?1691849473" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -487,8 +487,10 @@ No need t' press ye!</div>
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -530,12 +532,12 @@ No need t' press ye!</div>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840800"></script>
+          <script async src="../../../js/buttons.js?1691849473"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840800" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840800" defer></script>
-    <script src="../../../js/theme.js?1691840800" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849473" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849473" defer></script>
+    <script src="../../../js/theme.js?1691849473" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index 4b3290bb0f..a441191e18 100644
--- a/pir/shortcodes/expand/index.print.html
+++ b/pir/shortcodes/expand/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="canonical" type="text/html" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -80,13 +80,13 @@
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-d083716413eac704705ab4a322d2f05d" aria-controls="expandcontent-d083716413eac704705ab4a322d2f05d" >
-    <label class="expand-label" for="expand-d083716413eac704705ab4a322d2f05d" >
+    <input type="checkbox" id="expand-4c99a8631b7cf4105247995abaf3613b" aria-controls="expandcontent-4c99a8631b7cf4105247995abaf3613b" >
+    <label class="expand-label" for="expand-4c99a8631b7cf4105247995abaf3613b" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-d083716413eac704705ab4a322d2f05d" class="expand-content">
+    <div id="expandcontent-4c99a8631b7cf4105247995abaf3613b" 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>
@@ -213,26 +213,26 @@
 <h3 id="all-defaults">All Defaults</h3>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
 <div class="expand">
-    <input type="checkbox" id="expand-be2819590e1f2e890a2d6184a4fef2d5" aria-controls="expandcontent-be2819590e1f2e890a2d6184a4fef2d5" >
-    <label class="expand-label" for="expand-be2819590e1f2e890a2d6184a4fef2d5" >
+    <input type="checkbox" id="expand-04abbbc89d13eef0bc781375bee8107b" aria-controls="expandcontent-04abbbc89d13eef0bc781375bee8107b" >
+    <label class="expand-label" for="expand-04abbbc89d13eef0bc781375bee8107b" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-be2819590e1f2e890a2d6184a4fef2d5" class="expand-content">
+    <div id="expandcontent-04abbbc89d13eef0bc781375bee8107b" 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="expand-813f535382cbb96c2e13d581eb3c362d" aria-controls="expandcontent-813f535382cbb96c2e13d581eb3c362d"  checked>
-    <label class="expand-label" for="expand-813f535382cbb96c2e13d581eb3c362d" >
+    <input type="checkbox" id="expand-30c50636e5c8fc20a511e349016f181f" aria-controls="expandcontent-30c50636e5c8fc20a511e349016f181f"  checked>
+    <label class="expand-label" for="expand-30c50636e5c8fc20a511e349016f181f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-813f535382cbb96c2e13d581eb3c362d" class="expand-content">
+    <div id="expandcontent-30c50636e5c8fc20a511e349016f181f" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -253,13 +253,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="expand-7938d0c890adc45aa7e1e075cec7699b" aria-controls="expandcontent-7938d0c890adc45aa7e1e075cec7699b" >
-    <label class="expand-label" for="expand-7938d0c890adc45aa7e1e075cec7699b" >
+    <input type="checkbox" id="expand-88ee84a3486bdb6fc4089c012e5ccf7c" aria-controls="expandcontent-88ee84a3486bdb6fc4089c012e5ccf7c" >
+    <label class="expand-label" for="expand-88ee84a3486bdb6fc4089c012e5ccf7c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-7938d0c890adc45aa7e1e075cec7699b" class="expand-content">
+    <div id="expandcontent-88ee84a3486bdb6fc4089c012e5ccf7c" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -284,8 +284,8 @@ No need t' press ye!</div>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.html b/pir/shortcodes/highlight/index.html
index 5f1157b782..c800a6c0d8 100644
--- a/pir/shortcodes/highlight/index.html
+++ b/pir/shortcodes/highlight/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/highlight/index.print.html" rel="alternate" type="text/html" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -420,12 +420,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840800" defer></script>
-        <script src="../../../js/search.js?1691840800" defer></script>
+        <script src="../../../js/auto-complete.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849473" defer></script>
+        <script src="../../../js/search.js?1691849473" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -510,8 +510,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -553,12 +555,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840800"></script>
+          <script async src="../../../js/buttons.js?1691849473"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840800" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840800" defer></script>
-    <script src="../../../js/theme.js?1691840800" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849473" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849473" defer></script>
+    <script src="../../../js/theme.js?1691849473" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.print.html b/pir/shortcodes/highlight/index.print.html
index 1bac1a76a7..fc82373ae2 100644
--- a/pir/shortcodes/highlight/index.print.html
+++ b/pir/shortcodes/highlight/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="canonical" type="text/html" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -301,8 +301,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index 10b9923654..e806fd7959 100644
--- a/pir/shortcodes/icon/index.html
+++ b/pir/shortcodes/icon/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/icon/index.print.html" rel="alternate" type="text/html" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -320,12 +320,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840800" defer></script>
-        <script src="../../../js/search.js?1691840800" defer></script>
+        <script src="../../../js/auto-complete.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849473" defer></script>
+        <script src="../../../js/search.js?1691849473" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -410,8 +410,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -453,12 +455,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840800"></script>
+          <script async src="../../../js/buttons.js?1691849473"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840800" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840800" defer></script>
-    <script src="../../../js/theme.js?1691840800" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849473" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849473" defer></script>
+    <script src="../../../js/theme.js?1691849473" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index 60268326e1..8dd5119f28 100644
--- a/pir/shortcodes/icon/index.print.html
+++ b/pir/shortcodes/icon/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="canonical" type="text/html" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -206,8 +206,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 59f2f311e5..d7b39cf2fc 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/include/index.print.html" rel="alternate" type="text/html" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -310,12 +310,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840800" defer></script>
-        <script src="../../../js/search.js?1691840800" defer></script>
+        <script src="../../../js/auto-complete.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849473" defer></script>
+        <script src="../../../js/search.js?1691849473" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -400,8 +400,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -443,12 +445,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840800"></script>
+          <script async src="../../../js/buttons.js?1691849473"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840800" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840800" defer></script>
-    <script src="../../../js/theme.js?1691840800" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849473" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849473" defer></script>
+    <script src="../../../js/theme.js?1691849473" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index d6ec6ce001..75db214969 100644
--- a/pir/shortcodes/include/index.print.html
+++ b/pir/shortcodes/include/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="canonical" type="text/html" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -199,8 +199,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index cc03aadef7..24366dbd3e 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/shortcodes/index.print.html" rel="alternate" type="text/html" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../js/url.js?1691840800"></script>
-    <script src="../../js/variant.js?1691840800"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../js/search.js?1691840802" defer></script>
+        <script src="../../js/auto-complete.js?1691849475" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849475" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849475" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849475" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849475" defer></script>
+        <script src="../../js/search.js?1691849475" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -292,8 +292,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -335,12 +337,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840802"></script>
+          <script async src="../../js/buttons.js?1691849475"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../js/theme.js?1691840802" defer></script>
+    <script src="../../js/clipboard.min.js?1691849475" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849475" defer></script>
+    <script src="../../js/theme.js?1691849475" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index f997a841f0..5d4045cb02 100644
--- a/pir/shortcodes/index.print.html
+++ b/pir/shortcodes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="canonical" type="text/html" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../js/url.js?1691840802"></script>
-    <script src="../../js/variant.js?1691840802"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../js/url.js?1691849476"></script>
+    <script src="../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -1365,13 +1365,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="expand-d083716413eac704705ab4a322d2f05d" aria-controls="expandcontent-d083716413eac704705ab4a322d2f05d" >
-    <label class="expand-label" for="expand-d083716413eac704705ab4a322d2f05d" >
+    <input type="checkbox" id="expand-4c99a8631b7cf4105247995abaf3613b" aria-controls="expandcontent-4c99a8631b7cf4105247995abaf3613b" >
+    <label class="expand-label" for="expand-4c99a8631b7cf4105247995abaf3613b" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-d083716413eac704705ab4a322d2f05d" class="expand-content">
+    <div id="expandcontent-4c99a8631b7cf4105247995abaf3613b" 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>
@@ -1498,26 +1498,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="expand-be2819590e1f2e890a2d6184a4fef2d5" aria-controls="expandcontent-be2819590e1f2e890a2d6184a4fef2d5" >
-    <label class="expand-label" for="expand-be2819590e1f2e890a2d6184a4fef2d5" >
+    <input type="checkbox" id="expand-04abbbc89d13eef0bc781375bee8107b" aria-controls="expandcontent-04abbbc89d13eef0bc781375bee8107b" >
+    <label class="expand-label" for="expand-04abbbc89d13eef0bc781375bee8107b" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-be2819590e1f2e890a2d6184a4fef2d5" class="expand-content">
+    <div id="expandcontent-04abbbc89d13eef0bc781375bee8107b" 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="expand-813f535382cbb96c2e13d581eb3c362d" aria-controls="expandcontent-813f535382cbb96c2e13d581eb3c362d"  checked>
-    <label class="expand-label" for="expand-813f535382cbb96c2e13d581eb3c362d" >
+    <input type="checkbox" id="expand-30c50636e5c8fc20a511e349016f181f" aria-controls="expandcontent-30c50636e5c8fc20a511e349016f181f"  checked>
+    <label class="expand-label" for="expand-30c50636e5c8fc20a511e349016f181f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-813f535382cbb96c2e13d581eb3c362d" class="expand-content">
+    <div id="expandcontent-30c50636e5c8fc20a511e349016f181f" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -1538,13 +1538,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="expand-7938d0c890adc45aa7e1e075cec7699b" aria-controls="expandcontent-7938d0c890adc45aa7e1e075cec7699b" >
-    <label class="expand-label" for="expand-7938d0c890adc45aa7e1e075cec7699b" >
+    <input type="checkbox" id="expand-88ee84a3486bdb6fc4089c012e5ccf7c" aria-controls="expandcontent-88ee84a3486bdb6fc4089c012e5ccf7c" >
+    <label class="expand-label" for="expand-88ee84a3486bdb6fc4089c012e5ccf7c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-7938d0c890adc45aa7e1e075cec7699b" class="expand-content">
+    <div id="expandcontent-88ee84a3486bdb6fc4089c012e5ccf7c" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -3325,7 +3325,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-c4c3868d779796e16eee1abe54929099"
+    id="openapi-65d05415199938e616824e87695601a8"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3433,13 +3433,13 @@ Electricity grid,H2 conversion,27.14
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2d0a2b54e4216aca2624ff01a8c30c39">
+<div class="tab-panel" data-tab-group="d0374cbfb692cf014fd48dd9d47a57c7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="config.toml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2d0a2b54e4216aca2624ff01a8c30c39','config.toml')"
+      onclick="switchTab('d0374cbfb692cf014fd48dd9d47a57c7','config.toml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -3477,13 +3477,13 @@ Electricity grid,H2 conversion,27.14
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="e7389b8af7dc47e56b29b0da22f1efc2">
+<div class="tab-panel" data-tab-group="cbd35e1d0af6a72d908e9f32b32655d6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e7389b8af7dc47e56b29b0da22f1efc2','c')"
+      onclick="switchTab('cbd35e1d0af6a72d908e9f32b32655d6','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3593,13 +3593,13 @@ Electricity grid,H2 conversion,27.14
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block wit' Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="cc67c82d230a0bf5aad42403566f4007">
+<div class="tab-panel" data-tab-group="e77de426333b60185215f34d9425e47b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('cc67c82d230a0bf5aad42403566f4007','Code')"
+      onclick="switchTab('e77de426333b60185215f34d9425e47b','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -3619,13 +3619,13 @@ Electricity grid,H2 conversion,27.14
 </div>
 <h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
 
-<div class="tab-panel" data-tab-group="c824cb82660e5191a80b08a90583ff8e">
+<div class="tab-panel" data-tab-group="b8acdd1defee95597a3959f988449127">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c824cb82660e5191a80b08a90583ff8e','Mixed')"
+      onclick="switchTab('b8acdd1defee95597a3959f988449127','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -3673,13 +3673,13 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="73f89b5dc6e0fdfebe8da0046bc89da9">
+<div class="tab-panel" data-tab-group="281528813394a16345c233298c518870">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just colored style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','just colored style')"
+      onclick="switchTab('281528813394a16345c233298c518870','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -3689,7 +3689,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','just color')"
+      onclick="switchTab('281528813394a16345c233298c518870','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -3699,7 +3699,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="default style an' color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','default style an' color')"
+      onclick="switchTab('281528813394a16345c233298c518870','default style an' color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -3709,7 +3709,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('281528813394a16345c233298c518870','just severity stylefa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -3719,7 +3719,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="severity style an' colorfa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('281528813394a16345c233298c518870','severity style an' colorfa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</div>
@@ -3792,13 +3792,13 @@ Electricity grid,H2 conversion,27.14
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="975a790f5fc172a0e6852e9782993aa2">
+<div class="tab-panel" data-tab-group="b9a569946b41f9e22c93749a5ec2d381">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('975a790f5fc172a0e6852e9782993aa2','py')"
+      onclick="switchTab('b9a569946b41f9e22c93749a5ec2d381','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -3808,7 +3808,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('975a790f5fc172a0e6852e9782993aa2','sh')"
+      onclick="switchTab('b9a569946b41f9e22c93749a5ec2d381','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -3818,7 +3818,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('975a790f5fc172a0e6852e9782993aa2','c')"
+      onclick="switchTab('b9a569946b41f9e22c93749a5ec2d381','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3975,13 +3975,13 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="c50f4998c40e84b6104325b233b98463">
+<div class="tab-panel" data-tab-group="c81da774dacb3d55c5966bf59c1d60f5">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Group A, Tab View 1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c50f4998c40e84b6104325b233b98463','Group A, Tab View 1')"
+      onclick="switchTab('c81da774dacb3d55c5966bf59c1d60f5','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -3991,7 +3991,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c50f4998c40e84b6104325b233b98463','Group A, Tab View 2')"
+      onclick="switchTab('c81da774dacb3d55c5966bf59c1d60f5','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -4001,7 +4001,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c50f4998c40e84b6104325b233b98463','Group B')"
+      onclick="switchTab('c81da774dacb3d55c5966bf59c1d60f5','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -4401,8 +4401,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840802" defer></script>
+    <script src="../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849477" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4431,27 +4431,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1691840802"></script>
-    <script src="../../js/d3/d3-color.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1691840802" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1691840802" defer></script>
-    <script src="../../js/js-yaml.min.js?1691840802" defer></script>
-    <script src="../../js/mermaid.min.js?1691840802" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1691849477"></script>
+    <script src="../../js/d3/d3-color.min.js?1691849477" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1691849477" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1691849477" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1691849477" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1691849477" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1691849477" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1691849477" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1691849477" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1691849477" defer></script>
+    <script src="../../js/js-yaml.min.js?1691849477" defer></script>
+    <script src="../../js/mermaid.min.js?1691849477" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1691840802" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1691840802" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1691849477" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1691849477" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691840802", assetsBuster:  1691840802  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691849477", assetsBuster:  1691849477  };
     </script>
-    <script src="../../js/theme.js?1691840802" defer></script>
+    <script src="../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index a2fc6964c8..838e1467d2 100644
--- a/pir/shortcodes/math/index.html
+++ b/pir/shortcodes/math/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/math/index.print.html" rel="alternate" type="text/html" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -377,12 +377,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840800" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840800" defer></script>
-        <script src="../../../js/search.js?1691840800" defer></script>
+        <script src="../../../js/auto-complete.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849473" defer></script>
+        <script src="../../../js/search.js?1691849473" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -467,8 +467,10 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -510,12 +512,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840800"></script>
+          <script async src="../../../js/buttons.js?1691849473"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840800" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840800" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849473" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849473" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -544,7 +546,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?1691840800"></script>
-    <script src="../../../js/theme.js?1691840800" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1691849473"></script>
+    <script src="../../../js/theme.js?1691849473" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index 5a85fb748e..8c6c01a4d7 100644
--- a/pir/shortcodes/math/index.print.html
+++ b/pir/shortcodes/math/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="canonical" type="text/html" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -257,8 +257,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -287,7 +287,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?1691840802"></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1691849476"></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index a9eedc1cf3..baff4310f5 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/mermaid/index.print.html" rel="alternate" type="text/html" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -851,12 +851,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../js/search.js?1691840801" defer></script>
+        <script src="../../../js/auto-complete.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849474" defer></script>
+        <script src="../../../js/search.js?1691849474" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -941,8 +941,10 @@ Electricity grid,H2 conversion,27.14
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -984,26 +986,26 @@ Electricity grid,H2 conversion,27.14
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../js/buttons.js?1691849474"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1691840801" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1691840801" defer></script>
-    <script src="../../../js/js-yaml.min.js?1691840801" defer></script>
-    <script src="../../../js/mermaid.min.js?1691840801" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849474" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1691849474" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1691849474" defer></script>
+    <script src="../../../js/js-yaml.min.js?1691849474" defer></script>
+    <script src="../../../js/mermaid.min.js?1691849474" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1691840801" defer></script>
+    <script src="../../../js/theme.js?1691849474" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index e81d758bbc..c06f080d31 100644
--- a/pir/shortcodes/mermaid/index.print.html
+++ b/pir/shortcodes/mermaid/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="canonical" type="text/html" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -720,22 +720,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1691840802" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1691840802" defer></script>
-    <script src="../../../js/js-yaml.min.js?1691840802" defer></script>
-    <script src="../../../js/mermaid.min.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1691849476" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1691849476" defer></script>
+    <script src="../../../js/js-yaml.min.js?1691849476" defer></script>
+    <script src="../../../js/mermaid.min.js?1691849476" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index feaf8673fc..8025f14f45 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/notice/index.print.html" rel="alternate" type="text/html" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -541,12 +541,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../js/search.js?1691840801" defer></script>
+        <script src="../../../js/auto-complete.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849473" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849473" defer></script>
+        <script src="../../../js/search.js?1691849473" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -631,8 +631,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -674,12 +676,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../js/buttons.js?1691849473"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../../js/theme.js?1691840801" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849473" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849473" defer></script>
+    <script src="../../../js/theme.js?1691849473" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index 5e95bbf038..d53dfd5a0c 100644
--- a/pir/shortcodes/notice/index.print.html
+++ b/pir/shortcodes/notice/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="canonical" type="text/html" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -426,8 +426,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.html b/pir/shortcodes/openapi/index.html
index b350fc6017..156aade0f5 100644
--- a/pir/shortcodes/openapi/index.html
+++ b/pir/shortcodes/openapi/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/openapi/index.print.html" rel="alternate" type="text/html" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -199,7 +199,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-c4c3868d779796e16eee1abe54929099"
+    id="openapi-65d05415199938e616824e87695601a8"
     openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -290,12 +290,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -380,8 +380,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -423,18 +425,18 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1691840802" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1691840802" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1691849476" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1691849476" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691840802", assetsBuster:  1691840802  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691849476", assetsBuster:  1691849476  };
     </script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.print.html b/pir/shortcodes/openapi/index.print.html
index c53a7177ab..4a4aea136a 100644
--- a/pir/shortcodes/openapi/index.print.html
+++ b/pir/shortcodes/openapi/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="canonical" type="text/html" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -165,7 +165,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-c4c3868d779796e16eee1abe54929099"
+    id="openapi-65d05415199938e616824e87695601a8"
     openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -179,14 +179,14 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849477" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1691840802" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1691840802" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1691849477" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1691849477" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691840802", assetsBuster:  1691840802  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691849477", assetsBuster:  1691849477  };
     </script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 3ed390caee..a02ef52a03 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -203,13 +203,13 @@
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2d0a2b54e4216aca2624ff01a8c30c39">
+<div class="tab-panel" data-tab-group="d0374cbfb692cf014fd48dd9d47a57c7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="config.toml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2d0a2b54e4216aca2624ff01a8c30c39','config.toml')"
+      onclick="switchTab('d0374cbfb692cf014fd48dd9d47a57c7','config.toml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -317,12 +317,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../js/search.js?1691840801" defer></script>
+        <script src="../../../js/auto-complete.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849474" defer></script>
+        <script src="../../../js/search.js?1691849474" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -407,8 +407,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -450,12 +452,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../js/buttons.js?1691849474"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../../js/theme.js?1691840801" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849474" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849474" defer></script>
+    <script src="../../../js/theme.js?1691849474" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index 1fab9d148d..11e7cd446c 100644
--- a/pir/shortcodes/siteparam/index.print.html
+++ b/pir/shortcodes/siteparam/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="canonical" type="text/html" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -168,13 +168,13 @@
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2d0a2b54e4216aca2624ff01a8c30c39">
+<div class="tab-panel" data-tab-group="d0374cbfb692cf014fd48dd9d47a57c7">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="config.toml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2d0a2b54e4216aca2624ff01a8c30c39','config.toml')"
+      onclick="switchTab('d0374cbfb692cf014fd48dd9d47a57c7','config.toml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -205,8 +205,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.html b/pir/shortcodes/tab/index.html
index 42a3fefab2..b87435b85e 100644
--- a/pir/shortcodes/tab/index.html
+++ b/pir/shortcodes/tab/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tab/index.print.html" rel="alternate" type="text/html" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -117,13 +117,13 @@
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="e7389b8af7dc47e56b29b0da22f1efc2">
+<div class="tab-panel" data-tab-group="cbd35e1d0af6a72d908e9f32b32655d6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e7389b8af7dc47e56b29b0da22f1efc2','c')"
+      onclick="switchTab('cbd35e1d0af6a72d908e9f32b32655d6','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -233,13 +233,13 @@
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block wit' Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="cc67c82d230a0bf5aad42403566f4007">
+<div class="tab-panel" data-tab-group="e77de426333b60185215f34d9425e47b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('cc67c82d230a0bf5aad42403566f4007','Code')"
+      onclick="switchTab('e77de426333b60185215f34d9425e47b','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -259,13 +259,13 @@
 </div>
 <h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
 
-<div class="tab-panel" data-tab-group="c824cb82660e5191a80b08a90583ff8e">
+<div class="tab-panel" data-tab-group="b8acdd1defee95597a3959f988449127">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c824cb82660e5191a80b08a90583ff8e','Mixed')"
+      onclick="switchTab('b8acdd1defee95597a3959f988449127','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -313,13 +313,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="73f89b5dc6e0fdfebe8da0046bc89da9">
+<div class="tab-panel" data-tab-group="281528813394a16345c233298c518870">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just colored style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','just colored style')"
+      onclick="switchTab('281528813394a16345c233298c518870','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -329,7 +329,7 @@
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','just color')"
+      onclick="switchTab('281528813394a16345c233298c518870','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -339,7 +339,7 @@
     <button
       data-tab-item="default style an' color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','default style an' color')"
+      onclick="switchTab('281528813394a16345c233298c518870','default style an' color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -349,7 +349,7 @@
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('281528813394a16345c233298c518870','just severity stylefa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -359,7 +359,7 @@
     <button
       data-tab-item="severity style an' colorfa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('281528813394a16345c233298c518870','severity style an' colorfa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</div>
@@ -502,12 +502,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../js/search.js?1691840801" defer></script>
+        <script src="../../../js/auto-complete.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849474" defer></script>
+        <script src="../../../js/search.js?1691849474" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -592,8 +592,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -635,12 +637,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../js/buttons.js?1691849474"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../../js/theme.js?1691840801" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849474" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849474" defer></script>
+    <script src="../../../js/theme.js?1691849474" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.print.html b/pir/shortcodes/tab/index.print.html
index 3af56fa000..3aaaeef7b6 100644
--- a/pir/shortcodes/tab/index.print.html
+++ b/pir/shortcodes/tab/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="canonical" type="text/html" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -81,13 +81,13 @@
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="e7389b8af7dc47e56b29b0da22f1efc2">
+<div class="tab-panel" data-tab-group="cbd35e1d0af6a72d908e9f32b32655d6">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('e7389b8af7dc47e56b29b0da22f1efc2','c')"
+      onclick="switchTab('cbd35e1d0af6a72d908e9f32b32655d6','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -197,13 +197,13 @@
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block wit' Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="cc67c82d230a0bf5aad42403566f4007">
+<div class="tab-panel" data-tab-group="e77de426333b60185215f34d9425e47b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('cc67c82d230a0bf5aad42403566f4007','Code')"
+      onclick="switchTab('e77de426333b60185215f34d9425e47b','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -223,13 +223,13 @@
 </div>
 <h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
 
-<div class="tab-panel" data-tab-group="c824cb82660e5191a80b08a90583ff8e">
+<div class="tab-panel" data-tab-group="b8acdd1defee95597a3959f988449127">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c824cb82660e5191a80b08a90583ff8e','Mixed')"
+      onclick="switchTab('b8acdd1defee95597a3959f988449127','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -277,13 +277,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="73f89b5dc6e0fdfebe8da0046bc89da9">
+<div class="tab-panel" data-tab-group="281528813394a16345c233298c518870">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just colored style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','just colored style')"
+      onclick="switchTab('281528813394a16345c233298c518870','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -293,7 +293,7 @@
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','just color')"
+      onclick="switchTab('281528813394a16345c233298c518870','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -303,7 +303,7 @@
     <button
       data-tab-item="default style an' color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','default style an' color')"
+      onclick="switchTab('281528813394a16345c233298c518870','default style an' color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -313,7 +313,7 @@
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('281528813394a16345c233298c518870','just severity stylefa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -323,7 +323,7 @@
     <button
       data-tab-item="severity style an' colorfa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('73f89b5dc6e0fdfebe8da0046bc89da9','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('281528813394a16345c233298c518870','severity style an' colorfa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</div>
@@ -389,8 +389,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 86fbbf4b7c..a042f5cf56 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tabs/index.print.html" rel="alternate" type="text/html" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -116,13 +116,13 @@
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="975a790f5fc172a0e6852e9782993aa2">
+<div class="tab-panel" data-tab-group="b9a569946b41f9e22c93749a5ec2d381">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('975a790f5fc172a0e6852e9782993aa2','py')"
+      onclick="switchTab('b9a569946b41f9e22c93749a5ec2d381','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -132,7 +132,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('975a790f5fc172a0e6852e9782993aa2','sh')"
+      onclick="switchTab('b9a569946b41f9e22c93749a5ec2d381','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -142,7 +142,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('975a790f5fc172a0e6852e9782993aa2','c')"
+      onclick="switchTab('b9a569946b41f9e22c93749a5ec2d381','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -299,13 +299,13 @@
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="c50f4998c40e84b6104325b233b98463">
+<div class="tab-panel" data-tab-group="c81da774dacb3d55c5966bf59c1d60f5">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Group A, Tab View 1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c50f4998c40e84b6104325b233b98463','Group A, Tab View 1')"
+      onclick="switchTab('c81da774dacb3d55c5966bf59c1d60f5','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -315,7 +315,7 @@
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c50f4998c40e84b6104325b233b98463','Group A, Tab View 2')"
+      onclick="switchTab('c81da774dacb3d55c5966bf59c1d60f5','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -325,7 +325,7 @@
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c50f4998c40e84b6104325b233b98463','Group B')"
+      onclick="switchTab('c81da774dacb3d55c5966bf59c1d60f5','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -801,12 +801,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840801" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840801" defer></script>
-        <script src="../../../js/search.js?1691840801" defer></script>
+        <script src="../../../js/auto-complete.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849474" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849474" defer></script>
+        <script src="../../../js/search.js?1691849474" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -891,8 +891,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -934,12 +936,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840801"></script>
+          <script async src="../../../js/buttons.js?1691849474"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840801" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840801" defer></script>
-    <script src="../../../js/theme.js?1691840801" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849474" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849474" defer></script>
+    <script src="../../../js/theme.js?1691849474" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index 7c9893c7d2..29cd46cbc2 100644
--- a/pir/shortcodes/tabs/index.print.html
+++ b/pir/shortcodes/tabs/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="canonical" type="text/html" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../../js/url.js?1691840802"></script>
-    <script src="../../../js/variant.js?1691840802"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../../js/url.js?1691849476"></script>
+    <script src="../../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -81,13 +81,13 @@
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="975a790f5fc172a0e6852e9782993aa2">
+<div class="tab-panel" data-tab-group="b9a569946b41f9e22c93749a5ec2d381">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('975a790f5fc172a0e6852e9782993aa2','py')"
+      onclick="switchTab('b9a569946b41f9e22c93749a5ec2d381','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -97,7 +97,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('975a790f5fc172a0e6852e9782993aa2','sh')"
+      onclick="switchTab('b9a569946b41f9e22c93749a5ec2d381','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -107,7 +107,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('975a790f5fc172a0e6852e9782993aa2','c')"
+      onclick="switchTab('b9a569946b41f9e22c93749a5ec2d381','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -264,13 +264,13 @@
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="c50f4998c40e84b6104325b233b98463">
+<div class="tab-panel" data-tab-group="c81da774dacb3d55c5966bf59c1d60f5">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Group A, Tab View 1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c50f4998c40e84b6104325b233b98463','Group A, Tab View 1')"
+      onclick="switchTab('c81da774dacb3d55c5966bf59c1d60f5','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -280,7 +280,7 @@
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c50f4998c40e84b6104325b233b98463','Group A, Tab View 2')"
+      onclick="switchTab('c81da774dacb3d55c5966bf59c1d60f5','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -290,7 +290,7 @@
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('c50f4998c40e84b6104325b233b98463','Group B')"
+      onclick="switchTab('c81da774dacb3d55c5966bf59c1d60f5','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -689,8 +689,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.html b/pir/showcase/index.html
index 64730f680d..282afd089c 100644
--- a/pir/showcase/index.html
+++ b/pir/showcase/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../js/url.js?1691840800"></script>
-    <script src="../../js/variant.js?1691840800"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -106,28 +106,28 @@
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-bd16b5f959e6ad4158b70c7b8112736d" class="lightbox-link">
+<a href="#image-0af9a547747b49e23692a1c3ba4c7c04" class="lightbox-link">
 <img src="../../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bd16b5f959e6ad4158b70c7b8112736d">
+<a href="javascript:history.back();" class="lightbox" id="image-0af9a547747b49e23692a1c3ba4c7c04">
 <img src="../../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
 <p>
 		
-<a href="#image-0b49f9c62f251267167a3ac61dd20592" class="lightbox-link">
+<a href="#image-43b176a6f7dee01766f7b357d1bc13fd" class="lightbox-link">
 <img src="../../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0b49f9c62f251267167a3ac61dd20592">
+<a href="javascript:history.back();" class="lightbox" id="image-43b176a6f7dee01766f7b357d1bc13fd">
 <img src="../../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
 <p>
 		
-<a href="#image-d73a044cbf55f987a745f9d9b07fc7a1" class="lightbox-link">
+<a href="#image-93d217bf620816e90308072768b1a324" class="lightbox-link">
 <img src="../../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d73a044cbf55f987a745f9d9b07fc7a1">
+<a href="javascript:history.back();" class="lightbox" id="image-93d217bf620816e90308072768b1a324">
 <img src="../../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -217,12 +217,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../js/search.js?1691840802" defer></script>
+        <script src="../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -307,8 +307,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -350,12 +352,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840802"></script>
+          <script async src="../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../js/theme.js?1691840802" defer></script>
+    <script src="../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.print.html b/pir/showcase/index.print.html
index d266b2e36b..9b6161d3cf 100644
--- a/pir/showcase/index.print.html
+++ b/pir/showcase/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840802" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840802" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840802" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840802" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840802" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840802" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840802" rel="stylesheet">
-    <link href="../../css/print.css?1691840802" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840802" rel="stylesheet">
-    <link href="../../css/ie.css?1691840802" rel="stylesheet">
-    <script src="../../js/url.js?1691840802"></script>
-    <script src="../../js/variant.js?1691840802"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849476" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849476" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849476" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849476" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849476" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849476" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849476" rel="stylesheet">
+    <link href="../../css/print.css?1691849476" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849476" rel="stylesheet">
+    <link href="../../css/ie.css?1691849476" rel="stylesheet">
+    <script src="../../js/url.js?1691849476"></script>
+    <script src="../../js/variant.js?1691849476"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -79,28 +79,28 @@
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-bd16b5f959e6ad4158b70c7b8112736d" class="lightbox-link">
+<a href="#image-0af9a547747b49e23692a1c3ba4c7c04" class="lightbox-link">
 <img src="../../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bd16b5f959e6ad4158b70c7b8112736d">
+<a href="javascript:history.back();" class="lightbox" id="image-0af9a547747b49e23692a1c3ba4c7c04">
 <img src="../../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
 <p>
 		
-<a href="#image-0b49f9c62f251267167a3ac61dd20592" class="lightbox-link">
+<a href="#image-43b176a6f7dee01766f7b357d1bc13fd" class="lightbox-link">
 <img src="../../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0b49f9c62f251267167a3ac61dd20592">
+<a href="javascript:history.back();" class="lightbox" id="image-43b176a6f7dee01766f7b357d1bc13fd">
 <img src="../../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
 <p>
 		
-<a href="#image-d73a044cbf55f987a745f9d9b07fc7a1" class="lightbox-link">
+<a href="#image-93d217bf620816e90308072768b1a324" class="lightbox-link">
 <img src="../../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d73a044cbf55f987a745f9d9b07fc7a1">
+<a href="javascript:history.back();" class="lightbox" id="image-93d217bf620816e90308072768b1a324">
 <img src="../../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -113,8 +113,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../js/theme.js?1691840802" defer></script>
+    <script src="../../js/clipboard.min.js?1691849477" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849477" defer></script>
+    <script src="../../js/theme.js?1691849477" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index e0b828ad15..644efb66f1 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/children/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -270,8 +270,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -313,12 +315,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/tags/config/index.html b/pir/tags/config/index.html
index 1a319ead15..7c40b55b25 100644
--- a/pir/tags/config/index.html
+++ b/pir/tags/config/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/config/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,8 +256,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -299,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/tags/content/index.html b/pir/tags/content/index.html
index 1f73f72fef..11ee8a1926 100644
--- a/pir/tags/content/index.html
+++ b/pir/tags/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/content/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,8 +256,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -299,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index dad6e63188..897eab60a9 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>documentat&#39;n :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/documentatn/index.xml" rel="alternate" type="application/rss+xml" title="documentat&#39;n :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -38,7 +38,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -252,8 +252,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -295,12 +297,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index d2ba52e95d..73f6a364db 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/hidden/index.xml" rel="alternate" type="application/rss+xml" title="hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -170,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -260,8 +260,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -303,12 +305,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 2d08937742..78b489949f 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/tags/index.xml" rel="alternate" type="application/rss+xml" title="Taks :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../js/url.js?1691840800"></script>
-    <script src="../../js/variant.js?1691840800"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -198,12 +198,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../js/search.js?1691840802" defer></script>
+        <script src="../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -288,8 +288,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -331,12 +333,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840802"></script>
+          <script async src="../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../js/theme.js?1691840802" defer></script>
+    <script src="../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 570a3e5dc9..637ae67c71 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/non-hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/non-hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="non-hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -264,8 +264,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -307,12 +309,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index 0d9ec7d796..b5cf0c6272 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>tutorrrial :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/tutorrrial/index.xml" rel="alternate" type="application/rss+xml" title="tutorrrial :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1691840800" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849472" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840800" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840800" rel="stylesheet">
-    <link href="../../../css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840800" rel="stylesheet">
-    <script src="../../../js/url.js?1691840800"></script>
-    <script src="../../../js/variant.js?1691840800"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -38,7 +38,7 @@
       window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840802" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840802" defer></script>
-        <script src="../../../js/search.js?1691840802" defer></script>
+        <script src="../../../js/auto-complete.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849476" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849476" defer></script>
+        <script src="../../../js/search.js?1691849476" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -252,8 +252,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -295,12 +297,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840802"></script>
+          <script async src="../../../js/buttons.js?1691849476"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840802" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840802" defer></script>
-    <script src="../../../js/theme.js?1691840802" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849476" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849476" defer></script>
+    <script src="../../../js/theme.js?1691849476" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index a89ceffb93..e0884ef4c9 100644
--- a/search.html
+++ b/search.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="canonical" type="text/html" title="Search :: Hugo Relearn Theme">
-    <link href="./images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691840800" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1691840800" rel="stylesheet">
-    <link href="./css/auto-complete.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691840800" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1691840800" rel="stylesheet">
-    <link href="./css/fonts.css?1691840800" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691840800" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1691840800" rel="stylesheet">
-    <link href="./css/theme-auto.css?1691840800" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1691840800" rel="stylesheet">
-    <link href="./css/print.css?1691840800" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1691840800" rel="stylesheet">
-    <script src="./js/url.js?1691840800"></script>
-    <script src="./js/variant.js?1691840800"></script>
+    <link href="./css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="./css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="./css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1691849472" rel="stylesheet">
+    <link href="./css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1691849472" rel="stylesheet">
+    <link href="./css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1691849472" rel="stylesheet">
+    <script src="./js/url.js?1691849472"></script>
+    <script src="./js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1691840800" defer></script>
-        <script src="./js/lunr/lunr.min.js?1691840800" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1691840800" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1691840800" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1691840800" defer></script>
-        <script src="./js/search.js?1691840800" defer></script>
+        <script src="./js/auto-complete.js?1691849472" defer></script>
+        <script src="./js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="./js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -270,8 +270,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -313,12 +315,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="./js/buttons.js?1691840800"></script>
+          <script async src="./js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1691840800" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1691840800" defer></script>
-    <script src="./js/theme.js?1691840800" defer></script>
+    <script src="./js/clipboard.min.js?1691849472" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="./js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 951a640a15..db97166438 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Hugo Relearn Theme">
     <link href="../../shortcodes/attachments/index.print.html" rel="alternate" type="text/html" title="Attachments :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -452,12 +452,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -542,8 +542,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -585,12 +587,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index 77a08c534a..546862d1fb 100644
--- a/shortcodes/attachments/index.print.html
+++ b/shortcodes/attachments/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/attachments/index.html" rel="canonical" type="text/html" title="Attachments :: Hugo Relearn Theme">
     <link href="../../shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -332,8 +332,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index ece2f2f698..749b325fbe 100644
--- a/shortcodes/badge/index.html
+++ b/shortcodes/badge/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Hugo Relearn Theme">
     <link href="../../shortcodes/badge/index.print.html" rel="alternate" type="text/html" title="Badge :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -391,12 +391,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -481,8 +481,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -524,12 +526,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index 2e8f89098a..f84212f684 100644
--- a/shortcodes/badge/index.print.html
+++ b/shortcodes/badge/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/badge/index.html" rel="canonical" type="text/html" title="Badge :: Hugo Relearn Theme">
     <link href="../../shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -278,8 +278,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index 8c3f86d9b0..a6d53827ed 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Hugo Relearn Theme">
     <link href="../../shortcodes/button/index.print.html" rel="alternate" type="text/html" title="Button :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -531,12 +531,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -621,8 +621,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -664,12 +666,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index 2f24e915a6..13d5e798cd 100644
--- a/shortcodes/button/index.print.html
+++ b/shortcodes/button/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html" rel="canonical" type="text/html" title="Button :: Hugo Relearn Theme">
     <link href="../../shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -417,8 +417,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" 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 c6cf490842..e08f59152b 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1691840798"></script>
-    <script src="../../../../../../../../js/variant.js?1691840798"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1691849471"></script>
+    <script src="../../../../../../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -187,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../../../../../../../js/search.js?1691840799" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../../../../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -281,8 +281,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -324,12 +326,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../js/buttons.js?1691840799"></script>
+          <script async src="../../../../../../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../../../../js/theme.js?1691849472" 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 422822b4f8..2fdd9a7365 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1691840799"></script>
-    <script src="../../../../../../../../js/variant.js?1691840799"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -95,8 +95,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../../../../js/theme.js?1691849472" 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 f3528c0937..f1ed1cac29 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691840798"></script>
-    <script src="../../../../../../../js/variant.js?1691840798"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691849471"></script>
+    <script src="../../../../../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../../../../../../js/search.js?1691840799" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../../../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -296,8 +296,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -339,12 +341,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1691840799"></script>
+          <script async src="../../../../../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../../../js/theme.js?1691849472" 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 6f9902b47e..057ac0997f 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691840799"></script>
-    <script src="../../../../../../../js/variant.js?1691840799"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -119,8 +119,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../../../js/theme.js?1691849472" 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 7512fcac64..dff78b11cc 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691840798"></script>
-    <script src="../../../../../../js/variant.js?1691840798"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691849471"></script>
+    <script src="../../../../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../../../../../js/search.js?1691840799" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -293,8 +293,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -336,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1691840799"></script>
+          <script async src="../../../../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../../js/theme.js?1691849472" 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 b9adee283c..b685eb58d0 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691840799"></script>
-    <script src="../../../../../../js/variant.js?1691840799"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -102,8 +102,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../../js/theme.js?1691849472" 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 deebe1a54b..bdf03501a8 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691840798"></script>
-    <script src="../../../../../js/variant.js?1691840798"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691849471"></script>
+    <script src="../../../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../../../../js/search.js?1691840799" defer></script>
+        <script src="../../../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -292,8 +292,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -335,12 +337,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1691840799"></script>
+          <script async src="../../../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../js/theme.js?1691849472" 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 f373332c82..589014aeb3 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691840799"></script>
-    <script src="../../../../../js/variant.js?1691840799"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -126,8 +126,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../js/theme.js?1691849472" 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 6419cb134c..4bf95d3895 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-1 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" rel="alternate" type="text/html" title="page 1-1-2-1 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691840798"></script>
-    <script src="../../../../../../js/variant.js?1691840798"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691849471"></script>
+    <script src="../../../../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../../../../../js/search.js?1691840799" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -276,8 +276,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -319,12 +321,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1691840799"></script>
+          <script async src="../../../../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../../js/theme.js?1691849472" 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 3c921b89ab..ef42d78306 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="canonical" type="text/html" title="page 1-1-2-1 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-1 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691840799"></script>
-    <script src="../../../../../../js/variant.js?1691840799"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../../js/theme.js?1691849472" 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 a9d42e9a53..e2a351aa29 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-2 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" rel="alternate" type="text/html" title="page 1-1-2-2 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691840798"></script>
-    <script src="../../../../../../js/variant.js?1691840798"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691849471"></script>
+    <script src="../../../../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../../../../../js/search.js?1691840799" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -276,8 +276,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -319,12 +321,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1691840799"></script>
+          <script async src="../../../../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../../js/theme.js?1691849472" 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 5dddbe3e68..f4bf8b0b77 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="canonical" type="text/html" title="page 1-1-2-2 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-2 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691840799"></script>
-    <script src="../../../../../../js/variant.js?1691840799"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
index 9eb4e7df9c..eddb64aeeb 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html" rel="alternate" type="text/html" title="page 1-1-2 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691840798"></script>
-    <script src="../../../../../js/variant.js?1691840798"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691849471"></script>
+    <script src="../../../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../../../../js/search.js?1691840799" defer></script>
+        <script src="../../../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -292,8 +292,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -335,12 +337,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1691840799"></script>
+          <script async src="../../../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
index 9f22c40ef7..8e50831e93 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" rel="canonical" type="text/html" title="page 1-1-2 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691840799"></script>
-    <script src="../../../../../js/variant.js?1691840799"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -135,8 +135,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../js/theme.js?1691849472" 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 b3bfb30510..2fc8e3bc45 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-3 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html" rel="alternate" type="text/html" title="page 1-1-3 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691840798"></script>
-    <script src="../../../../../js/variant.js?1691840798"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691849471"></script>
+    <script src="../../../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../../../../js/search.js?1691840799" defer></script>
+        <script src="../../../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -275,8 +275,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -318,12 +320,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1691840799"></script>
+          <script async src="../../../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../js/theme.js?1691849472" 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 ff189b62bd..412cec39e9 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="canonical" type="text/html" title="page 1-1-3 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-3 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691840799"></script>
-    <script src="../../../../../js/variant.js?1691840799"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691849472"></script>
+    <script src="../../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -93,8 +93,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../../js/theme.js?1691849472" 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 caaeb78e56..46cc6c3619 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-1/children-1-1/index.print.html" rel="alternate" type="text/html" title="page 1-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840798"></script>
-    <script src="../../../../js/variant.js?1691840798"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849471"></script>
+    <script src="../../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../../../js/search.js?1691840799" defer></script>
+        <script src="../../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -292,8 +292,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -335,12 +337,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1691840799"></script>
+          <script async src="../../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../js/theme.js?1691849472" 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 6206f0f6f5..6666a44c8d 100644
--- a/shortcodes/children/children-1/children-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/index.html" rel="canonical" type="text/html" title="page 1-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840799"></script>
-    <script src="../../../../js/variant.js?1691840799"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849472"></script>
+    <script src="../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -177,8 +177,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index a721a7973f..ab9bd77dc9 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-1/index.print.html" rel="alternate" type="text/html" title="page 1 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../js/url.js?1691840798"></script>
-    <script src="../../../js/variant.js?1691840798"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../js/url.js?1691849471"></script>
+    <script src="../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -199,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../../js/search.js?1691840799" defer></script>
+        <script src="../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -289,8 +289,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -332,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840799"></script>
+          <script async src="../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index 1bee7ff5f7..f294cc17f0 100644
--- a/shortcodes/children/children-1/index.print.html
+++ b/shortcodes/children/children-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html" rel="canonical" type="text/html" title="page 1 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../js/url.js?1691840799"></script>
-    <script src="../../../js/variant.js?1691840799"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -201,8 +201,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index c19591c909..5e28ca58a9 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="page 2 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-2/index.print.html" rel="alternate" type="text/html" title="page 2 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../js/url.js?1691840798"></script>
-    <script src="../../../js/variant.js?1691840798"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../js/url.js?1691849471"></script>
+    <script src="../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../../js/search.js?1691840799" defer></script>
+        <script src="../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -274,8 +274,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -317,12 +319,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840799"></script>
+          <script async src="../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index f5f5195627..57d05a41bf 100644
--- a/shortcodes/children/children-2/index.print.html
+++ b/shortcodes/children/children-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html" rel="canonical" type="text/html" title="page 2 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="page 2 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../js/url.js?1691840799"></script>
-    <script src="../../../js/variant.js?1691840799"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index 80b4b00cfc..aba6bcbf01 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="page 3 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-3/index.print.html" rel="alternate" type="text/html" title="page 3 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../js/url.js?1691840798"></script>
-    <script src="../../../js/variant.js?1691840798"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../js/url.js?1691849471"></script>
+    <script src="../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -199,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../../js/search.js?1691840799" defer></script>
+        <script src="../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -289,8 +289,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -332,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840799"></script>
+          <script async src="../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index 67f8773f44..fecaebb73d 100644
--- a/shortcodes/children/children-3/index.print.html
+++ b/shortcodes/children/children-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html" rel="canonical" type="text/html" title="page 3 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="page 3 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../js/url.js?1691840799"></script>
-    <script src="../../../js/variant.js?1691840799"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -116,8 +116,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index ccf7a13ef5..d40d5f3240 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="page 3-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-3/test3/index.print.html" rel="alternate" type="text/html" title="page 3-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840798"></script>
-    <script src="../../../../js/variant.js?1691840798"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849471"></script>
+    <script src="../../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../../../js/search.js?1691840798" defer></script>
+        <script src="../../../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -274,8 +274,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -317,12 +319,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1691840798"></script>
+          <script async src="../../../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../../../js/theme.js?1691840798" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../../../js/theme.js?1691849471" 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 a1559f7f8c..8e39aee129 100644
--- a/shortcodes/children/children-3/test3/index.print.html
+++ b/shortcodes/children/children-3/test3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/test3/index.html" rel="canonical" type="text/html" title="page 3-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="page 3-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../../js/url.js?1691840799"></script>
-    <script src="../../../../js/variant.js?1691840799"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../../js/url.js?1691849472"></script>
+    <script src="../../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index ef7dbf01e0..1713367a6c 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../js/url.js?1691840798"></script>
-    <script src="../../../js/variant.js?1691840798"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../js/url.js?1691849471"></script>
+    <script src="../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -182,12 +182,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../../js/search.js?1691840799" defer></script>
+        <script src="../../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -273,8 +273,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -316,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840799"></script>
+          <script async src="../../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index 55d57c44e0..74d392cd96 100644
--- a/shortcodes/children/children-4/index.print.html
+++ b/shortcodes/children/children-4/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../js/url.js?1691840799"></script>
-    <script src="../../../js/variant.js?1691840799"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 4d727596f8..a27cfd9468 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Hugo Relearn Theme">
     <link href="../../shortcodes/children/index.print.html" rel="alternate" type="text/html" title="Children :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -394,12 +394,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -484,8 +484,10 @@ So its content is used as description.</p>
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -527,12 +529,12 @@ So its content is used as description.</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index 724ba951af..a20689593d 100644
--- a/shortcodes/children/index.print.html
+++ b/shortcodes/children/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="canonical" type="text/html" title="Children :: Hugo Relearn Theme">
     <link href="../../shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -481,8 +481,8 @@ So its content is used as description.</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 546725ee54..9f8237de32 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -14,20 +14,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="page X :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/test/index.print.html" rel="alternate" type="text/html" title="page X :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../../js/url.js?1691840798"></script>
-    <script src="../../../js/variant.js?1691840798"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../../js/url.js?1691849471"></script>
+    <script src="../../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../../js/search.js?1691840798" defer></script>
+        <script src="../../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -273,8 +273,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -316,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1691840798"></script>
+          <script async src="../../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../../js/theme.js?1691840798" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index f96fbfe237..ebfe52a263 100644
--- a/shortcodes/children/test/index.print.html
+++ b/shortcodes/children/test/index.print.html
@@ -14,21 +14,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/test/index.html" rel="canonical" type="text/html" title="page X :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="page X :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../../js/url.js?1691840799"></script>
-    <script src="../../../js/variant.js?1691840799"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../../js/url.js?1691849472"></script>
+    <script src="../../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +44,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -91,8 +91,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../../js/theme.js?1691840799" defer></script>
+    <script src="../../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index 94b404d088..a8bcc9c66f 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Hugo Relearn Theme">
     <link href="../../shortcodes/expand/index.print.html" rel="alternate" type="text/html" title="Expand :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -115,13 +115,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-5ab6dd95d4338b21c816b8d7040c773d" aria-controls="expandcontent-5ab6dd95d4338b21c816b8d7040c773d" >
-    <label class="expand-label" for="expand-5ab6dd95d4338b21c816b8d7040c773d" >
+    <input type="checkbox" id="expand-77a452ab546f0055bd47a4d545029ebb" aria-controls="expandcontent-77a452ab546f0055bd47a4d545029ebb" >
+    <label class="expand-label" for="expand-77a452ab546f0055bd47a4d545029ebb" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-5ab6dd95d4338b21c816b8d7040c773d" class="expand-content">
+    <div id="expandcontent-77a452ab546f0055bd47a4d545029ebb" 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>
@@ -248,26 +248,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="expand-53abaabf52b4c33c7045952594c1d893" aria-controls="expandcontent-53abaabf52b4c33c7045952594c1d893" >
-    <label class="expand-label" for="expand-53abaabf52b4c33c7045952594c1d893" >
+    <input type="checkbox" id="expand-3a9fadea832e760eb6cec0467a182165" aria-controls="expandcontent-3a9fadea832e760eb6cec0467a182165" >
+    <label class="expand-label" for="expand-3a9fadea832e760eb6cec0467a182165" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-53abaabf52b4c33c7045952594c1d893" class="expand-content">
+    <div id="expandcontent-3a9fadea832e760eb6cec0467a182165" 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="expand-f84bbd876b270967e0cd68dac6152cbf" aria-controls="expandcontent-f84bbd876b270967e0cd68dac6152cbf"  checked>
-    <label class="expand-label" for="expand-f84bbd876b270967e0cd68dac6152cbf" >
+    <input type="checkbox" id="expand-19b5fccc32629a4ef1a428e74f6cf17d" aria-controls="expandcontent-19b5fccc32629a4ef1a428e74f6cf17d"  checked>
+    <label class="expand-label" for="expand-19b5fccc32629a4ef1a428e74f6cf17d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-f84bbd876b270967e0cd68dac6152cbf" class="expand-content">
+    <div id="expandcontent-19b5fccc32629a4ef1a428e74f6cf17d" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -288,13 +288,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="expand-5b0f4d1a3130c573966272481248ad8c" aria-controls="expandcontent-5b0f4d1a3130c573966272481248ad8c" >
-    <label class="expand-label" for="expand-5b0f4d1a3130c573966272481248ad8c" >
+    <input type="checkbox" id="expand-5e131c83b9d093a640b69ed59eef4680" aria-controls="expandcontent-5e131c83b9d093a640b69ed59eef4680" >
+    <label class="expand-label" for="expand-5e131c83b9d093a640b69ed59eef4680" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-5b0f4d1a3130c573966272481248ad8c" class="expand-content">
+    <div id="expandcontent-5e131c83b9d093a640b69ed59eef4680" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -395,12 +395,12 @@ No need to press you!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -485,8 +485,10 @@ No need to press you!</div>
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -528,12 +530,12 @@ No need to press you!</div>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index b05213bdeb..e72bc2f944 100644
--- a/shortcodes/expand/index.print.html
+++ b/shortcodes/expand/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/index.html" rel="canonical" type="text/html" title="Expand :: Hugo Relearn Theme">
     <link href="../../shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -79,13 +79,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-5ab6dd95d4338b21c816b8d7040c773d" aria-controls="expandcontent-5ab6dd95d4338b21c816b8d7040c773d" >
-    <label class="expand-label" for="expand-5ab6dd95d4338b21c816b8d7040c773d" >
+    <input type="checkbox" id="expand-77a452ab546f0055bd47a4d545029ebb" aria-controls="expandcontent-77a452ab546f0055bd47a4d545029ebb" >
+    <label class="expand-label" for="expand-77a452ab546f0055bd47a4d545029ebb" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-5ab6dd95d4338b21c816b8d7040c773d" class="expand-content">
+    <div id="expandcontent-77a452ab546f0055bd47a4d545029ebb" 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>
@@ -212,26 +212,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="expand-53abaabf52b4c33c7045952594c1d893" aria-controls="expandcontent-53abaabf52b4c33c7045952594c1d893" >
-    <label class="expand-label" for="expand-53abaabf52b4c33c7045952594c1d893" >
+    <input type="checkbox" id="expand-3a9fadea832e760eb6cec0467a182165" aria-controls="expandcontent-3a9fadea832e760eb6cec0467a182165" >
+    <label class="expand-label" for="expand-3a9fadea832e760eb6cec0467a182165" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-53abaabf52b4c33c7045952594c1d893" class="expand-content">
+    <div id="expandcontent-3a9fadea832e760eb6cec0467a182165" 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="expand-f84bbd876b270967e0cd68dac6152cbf" aria-controls="expandcontent-f84bbd876b270967e0cd68dac6152cbf"  checked>
-    <label class="expand-label" for="expand-f84bbd876b270967e0cd68dac6152cbf" >
+    <input type="checkbox" id="expand-19b5fccc32629a4ef1a428e74f6cf17d" aria-controls="expandcontent-19b5fccc32629a4ef1a428e74f6cf17d"  checked>
+    <label class="expand-label" for="expand-19b5fccc32629a4ef1a428e74f6cf17d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-f84bbd876b270967e0cd68dac6152cbf" class="expand-content">
+    <div id="expandcontent-19b5fccc32629a4ef1a428e74f6cf17d" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -252,13 +252,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="expand-5b0f4d1a3130c573966272481248ad8c" aria-controls="expandcontent-5b0f4d1a3130c573966272481248ad8c" >
-    <label class="expand-label" for="expand-5b0f4d1a3130c573966272481248ad8c" >
+    <input type="checkbox" id="expand-5e131c83b9d093a640b69ed59eef4680" aria-controls="expandcontent-5e131c83b9d093a640b69ed59eef4680" >
+    <label class="expand-label" for="expand-5e131c83b9d093a640b69ed59eef4680" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-5b0f4d1a3130c573966272481248ad8c" class="expand-content">
+    <div id="expandcontent-5e131c83b9d093a640b69ed59eef4680" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -282,8 +282,8 @@ No need to press you!</div>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.html b/shortcodes/highlight/index.html
index a639d35aad..989c14e579 100644
--- a/shortcodes/highlight/index.html
+++ b/shortcodes/highlight/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Hugo Relearn Theme">
     <link href="../../shortcodes/highlight/index.print.html" rel="alternate" type="text/html" title="Highlight :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -411,12 +411,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -501,8 +501,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -544,12 +546,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.print.html b/shortcodes/highlight/index.print.html
index 464fa74824..ed26e4b241 100644
--- a/shortcodes/highlight/index.print.html
+++ b/shortcodes/highlight/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="canonical" type="text/html" title="Highlight :: Hugo Relearn Theme">
     <link href="../../shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -292,8 +292,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index afe79c7be2..682473cd8a 100644
--- a/shortcodes/icon/index.html
+++ b/shortcodes/icon/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Hugo Relearn Theme">
     <link href="../../shortcodes/icon/index.print.html" rel="alternate" type="text/html" title="Icon :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -318,12 +318,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -408,8 +408,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -451,12 +453,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index 63ce2ce3ae..1fb2fa3f71 100644
--- a/shortcodes/icon/index.print.html
+++ b/shortcodes/icon/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html" rel="canonical" type="text/html" title="Icon :: Hugo Relearn Theme">
     <link href="../../shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -204,8 +204,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index 2bd2bc32d1..141f543af6 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Hugo Relearn Theme">
     <link href="../../shortcodes/include/index.print.html" rel="alternate" type="text/html" title="Include :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -308,12 +308,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -398,8 +398,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -441,12 +443,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index f503e2ffc1..6f91953ff7 100644
--- a/shortcodes/include/index.print.html
+++ b/shortcodes/include/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html" rel="canonical" type="text/html" title="Include :: Hugo Relearn Theme">
     <link href="../../shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -197,8 +197,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index fd8c7269d5..402ec689d1 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -38,7 +38,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -192,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -282,8 +282,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -325,12 +327,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index e861f798cd..e02e423267 100644
--- a/shortcodes/include_me/index.print.html
+++ b/shortcodes/include_me/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -39,7 +39,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -100,8 +100,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 61a41f2bb4..c833dade00 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="../shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shortcodes :: Hugo Relearn Theme">
     <link href="../shortcodes/index.print.html" rel="alternate" type="text/html" title="Shortcodes :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../js/url.js?1691840798"></script>
-    <script src="../js/variant.js?1691840798"></script>
+    <link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../js/url.js?1691849471"></script>
+    <script src="../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../js/search.js?1691840799" defer></script>
+        <script src="../js/auto-complete.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -290,8 +290,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -333,12 +335,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1691840799"></script>
+          <script async src="../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../js/theme.js?1691840799" defer></script>
+    <script src="../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index 96ddf50018..911447b553 100644
--- a/shortcodes/index.print.html
+++ b/shortcodes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html" rel="canonical" type="text/html" title="Shortcodes :: Hugo Relearn Theme">
     <link href="../shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shortcodes :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../js/url.js?1691840799"></script>
-    <script src="../js/variant.js?1691840799"></script>
+    <link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../js/url.js?1691849472"></script>
+    <script src="../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -1327,13 +1327,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="expand-5ab6dd95d4338b21c816b8d7040c773d" aria-controls="expandcontent-5ab6dd95d4338b21c816b8d7040c773d" >
-    <label class="expand-label" for="expand-5ab6dd95d4338b21c816b8d7040c773d" >
+    <input type="checkbox" id="expand-77a452ab546f0055bd47a4d545029ebb" aria-controls="expandcontent-77a452ab546f0055bd47a4d545029ebb" >
+    <label class="expand-label" for="expand-77a452ab546f0055bd47a4d545029ebb" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-5ab6dd95d4338b21c816b8d7040c773d" class="expand-content">
+    <div id="expandcontent-77a452ab546f0055bd47a4d545029ebb" 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>
@@ -1460,26 +1460,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="expand-53abaabf52b4c33c7045952594c1d893" aria-controls="expandcontent-53abaabf52b4c33c7045952594c1d893" >
-    <label class="expand-label" for="expand-53abaabf52b4c33c7045952594c1d893" >
+    <input type="checkbox" id="expand-3a9fadea832e760eb6cec0467a182165" aria-controls="expandcontent-3a9fadea832e760eb6cec0467a182165" >
+    <label class="expand-label" for="expand-3a9fadea832e760eb6cec0467a182165" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-53abaabf52b4c33c7045952594c1d893" class="expand-content">
+    <div id="expandcontent-3a9fadea832e760eb6cec0467a182165" 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="expand-f84bbd876b270967e0cd68dac6152cbf" aria-controls="expandcontent-f84bbd876b270967e0cd68dac6152cbf"  checked>
-    <label class="expand-label" for="expand-f84bbd876b270967e0cd68dac6152cbf" >
+    <input type="checkbox" id="expand-19b5fccc32629a4ef1a428e74f6cf17d" aria-controls="expandcontent-19b5fccc32629a4ef1a428e74f6cf17d"  checked>
+    <label class="expand-label" for="expand-19b5fccc32629a4ef1a428e74f6cf17d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-f84bbd876b270967e0cd68dac6152cbf" class="expand-content">
+    <div id="expandcontent-19b5fccc32629a4ef1a428e74f6cf17d" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -1500,13 +1500,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="expand-5b0f4d1a3130c573966272481248ad8c" aria-controls="expandcontent-5b0f4d1a3130c573966272481248ad8c" >
-    <label class="expand-label" for="expand-5b0f4d1a3130c573966272481248ad8c" >
+    <input type="checkbox" id="expand-5e131c83b9d093a640b69ed59eef4680" aria-controls="expandcontent-5e131c83b9d093a640b69ed59eef4680" >
+    <label class="expand-label" for="expand-5e131c83b9d093a640b69ed59eef4680" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="expandcontent-5b0f4d1a3130c573966272481248ad8c" class="expand-content">
+    <div id="expandcontent-5e131c83b9d093a640b69ed59eef4680" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -3252,7 +3252,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-011a7a3a1531e9cd1c8777f8c522f580"
+    id="openapi-4f853d0e73a9fe71add1ba5802427c84"
     openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3358,13 +3358,13 @@ Electricity grid,H2 conversion,27.14
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="aa047fbc777fa741a3da8bec5d07ec9a">
+<div class="tab-panel" data-tab-group="989e20280d7fd49fbb04071654c99c6b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="config.toml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('aa047fbc777fa741a3da8bec5d07ec9a','config.toml')"
+      onclick="switchTab('989e20280d7fd49fbb04071654c99c6b','config.toml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -3400,13 +3400,13 @@ Electricity grid,H2 conversion,27.14
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="6b092e7dc8bf480c66164297135e57fb">
+<div class="tab-panel" data-tab-group="4c3d88abe72f71daba309f84e2707050">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6b092e7dc8bf480c66164297135e57fb','c')"
+      onclick="switchTab('4c3d88abe72f71daba309f84e2707050','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3516,13 +3516,13 @@ Electricity grid,H2 conversion,27.14
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block with Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="46ca898f46f28db0e4b4df17be704523">
+<div class="tab-panel" data-tab-group="08b232712b8113a1316455a6fcb693f3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('46ca898f46f28db0e4b4df17be704523','Code')"
+      onclick="switchTab('08b232712b8113a1316455a6fcb693f3','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -3542,13 +3542,13 @@ Electricity grid,H2 conversion,27.14
 </div>
 <h3 id="mixed-markdown-content">Mixed Markdown Content</h3>
 
-<div class="tab-panel" data-tab-group="a435d0a73f0418314d3ffa9a1bad9713">
+<div class="tab-panel" data-tab-group="fa2ee6f6f26c9d1b455a4805708587fa">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a435d0a73f0418314d3ffa9a1bad9713','Mixed')"
+      onclick="switchTab('fa2ee6f6f26c9d1b455a4805708587fa','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -3596,13 +3596,13 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2048fb7e012b51e2f7f8e3fba4794a53">
+<div class="tab-panel" data-tab-group="b775c7c4ec957105b3fe0a77b2b018e0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just colored style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','just colored style')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -3612,7 +3612,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','just color')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -3622,7 +3622,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="default style and color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','default style and color')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','default style and color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -3632,7 +3632,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','just severity stylefa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -3642,7 +3642,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="severity style and colorfa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','severity style and colorfa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style and color</div>
@@ -3713,13 +3713,13 @@ Electricity grid,H2 conversion,27.14
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="6b6d2dd31591d261f52f5bfc3711d41b">
+<div class="tab-panel" data-tab-group="9c3ec4684f4d04d576df367e0fd59daf">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6b6d2dd31591d261f52f5bfc3711d41b','py')"
+      onclick="switchTab('9c3ec4684f4d04d576df367e0fd59daf','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -3729,7 +3729,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6b6d2dd31591d261f52f5bfc3711d41b','sh')"
+      onclick="switchTab('9c3ec4684f4d04d576df367e0fd59daf','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -3739,7 +3739,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6b6d2dd31591d261f52f5bfc3711d41b','c')"
+      onclick="switchTab('9c3ec4684f4d04d576df367e0fd59daf','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3896,13 +3896,13 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="da0c8f4bbc851ecdcb516b7a586f161f">
+<div class="tab-panel" data-tab-group="f967585ab3f90911dc83c797a4e22296">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Group A, Tab View 1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('da0c8f4bbc851ecdcb516b7a586f161f','Group A, Tab View 1')"
+      onclick="switchTab('f967585ab3f90911dc83c797a4e22296','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -3912,7 +3912,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('da0c8f4bbc851ecdcb516b7a586f161f','Group A, Tab View 2')"
+      onclick="switchTab('f967585ab3f90911dc83c797a4e22296','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -3922,7 +3922,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('da0c8f4bbc851ecdcb516b7a586f161f','Group B')"
+      onclick="switchTab('f967585ab3f90911dc83c797a4e22296','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -4321,8 +4321,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840799" defer></script>
+    <script src="../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849472" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4351,27 +4351,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1691840799"></script>
-    <script src="../js/d3/d3-color.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1691840799" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1691840799" defer></script>
-    <script src="../js/js-yaml.min.js?1691840799" defer></script>
-    <script src="../js/mermaid.min.js?1691840799" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1691849472"></script>
+    <script src="../js/d3/d3-color.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1691849472" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1691849472" defer></script>
+    <script src="../js/js-yaml.min.js?1691849472" defer></script>
+    <script src="../js/mermaid.min.js?1691849472" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1691840799" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1691840799" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1691849472" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1691849472" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691840799", assetsBuster:  1691840799  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691849472", assetsBuster:  1691849472  };
     </script>
-    <script src="../js/theme.js?1691840799" defer></script>
+    <script src="../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index e187af803a..6dc7f63873 100644
--- a/shortcodes/math/index.html
+++ b/shortcodes/math/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Hugo Relearn Theme">
     <link href="../../shortcodes/math/index.print.html" rel="alternate" type="text/html" title="Math :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -368,12 +368,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -458,8 +458,10 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -501,12 +503,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -535,7 +537,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?1691840798"></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1691849471"></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index 3ecb48af95..4dc17423c0 100644
--- a/shortcodes/math/index.print.html
+++ b/shortcodes/math/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/math/index.html" rel="canonical" type="text/html" title="Math :: Hugo Relearn Theme">
     <link href="../../shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -248,8 +248,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -278,7 +278,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?1691840799"></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1691849472"></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index c9bc8e7b7b..6796646e91 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Mermaid :: Hugo Relearn Theme">
     <link href="../../shortcodes/mermaid/index.print.html" rel="alternate" type="text/html" title="Mermaid :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -842,12 +842,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -932,8 +932,10 @@ Electricity grid,H2 conversion,27.14
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -975,26 +977,26 @@ Electricity grid,H2 conversion,27.14
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1691840798" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1691840798" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1691840798" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1691840798" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1691840798" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1691840798" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1691840798" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1691840798" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1691840798" defer></script>
-    <script src="../../js/js-yaml.min.js?1691840798" defer></script>
-    <script src="../../js/mermaid.min.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1691849471" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1691849471" defer></script>
+    <script src="../../js/js-yaml.min.js?1691849471" defer></script>
+    <script src="../../js/mermaid.min.js?1691849471" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index bdb8a6f9eb..0235d48ffb 100644
--- a/shortcodes/mermaid/index.print.html
+++ b/shortcodes/mermaid/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel="canonical" type="text/html" title="Mermaid :: Hugo Relearn Theme">
     <link href="../../shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Mermaid :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -711,22 +711,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1691840799" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1691840799" defer></script>
-    <script src="../../js/js-yaml.min.js?1691840799" defer></script>
-    <script src="../../js/mermaid.min.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1691849472" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1691849472" defer></script>
+    <script src="../../js/js-yaml.min.js?1691849472" defer></script>
+    <script src="../../js/mermaid.min.js?1691849472" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index fc13c98364..ebca231297 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Hugo Relearn Theme">
     <link href="../../shortcodes/notice/index.print.html" rel="alternate" type="text/html" title="Notice :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -539,12 +539,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -629,8 +629,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -672,12 +674,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index eb36a40842..71913a0a70 100644
--- a/shortcodes/notice/index.print.html
+++ b/shortcodes/notice/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/notice/index.html" rel="canonical" type="text/html" title="Notice :: Hugo Relearn Theme">
     <link href="../../shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -424,8 +424,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.html b/shortcodes/openapi/index.html
index f0186457ad..93885223ef 100644
--- a/shortcodes/openapi/index.html
+++ b/shortcodes/openapi/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Hugo Relearn Theme">
     <link href="../../shortcodes/openapi/index.print.html" rel="alternate" type="text/html" title="OpenAPI :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -198,7 +198,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-011a7a3a1531e9cd1c8777f8c522f580"
+    id="openapi-4f853d0e73a9fe71add1ba5802427c84"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -288,12 +288,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -378,8 +378,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -421,18 +423,18 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1691840799" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1691840799" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1691849472" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1691849472" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691840799", assetsBuster:  1691840799  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691849472", assetsBuster:  1691849472  };
     </script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.print.html b/shortcodes/openapi/index.print.html
index 4eec5a828f..dd0f421761 100644
--- a/shortcodes/openapi/index.print.html
+++ b/shortcodes/openapi/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html" rel="canonical" type="text/html" title="OpenAPI :: Hugo Relearn Theme">
     <link href="../../shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -164,7 +164,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-011a7a3a1531e9cd1c8777f8c522f580"
+    id="openapi-4f853d0e73a9fe71add1ba5802427c84"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -177,14 +177,14 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1691840799" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1691840799" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1691849472" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1691849472" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691840799", assetsBuster:  1691840799  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691849472", assetsBuster:  1691849472  };
     </script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index 92ced6947f..3edc355f6e 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="SiteParam :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -202,13 +202,13 @@
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="aa047fbc777fa741a3da8bec5d07ec9a">
+<div class="tab-panel" data-tab-group="989e20280d7fd49fbb04071654c99c6b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="config.toml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('aa047fbc777fa741a3da8bec5d07ec9a','config.toml')"
+      onclick="switchTab('989e20280d7fd49fbb04071654c99c6b','config.toml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -315,12 +315,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -405,8 +405,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -448,12 +450,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index e58df0fad6..aabc5ec0b0 100644
--- a/shortcodes/siteparam/index.print.html
+++ b/shortcodes/siteparam/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="canonical" type="text/html" title="SiteParam :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -167,13 +167,13 @@
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="aa047fbc777fa741a3da8bec5d07ec9a">
+<div class="tab-panel" data-tab-group="989e20280d7fd49fbb04071654c99c6b">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="config.toml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('aa047fbc777fa741a3da8bec5d07ec9a','config.toml')"
+      onclick="switchTab('989e20280d7fd49fbb04071654c99c6b','config.toml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -203,8 +203,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.html b/shortcodes/tab/index.html
index 393dc6436a..bb5392ac7f 100644
--- a/shortcodes/tab/index.html
+++ b/shortcodes/tab/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Hugo Relearn Theme">
     <link href="../../shortcodes/tab/index.print.html" rel="alternate" type="text/html" title="Tab :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -116,13 +116,13 @@
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="6b092e7dc8bf480c66164297135e57fb">
+<div class="tab-panel" data-tab-group="4c3d88abe72f71daba309f84e2707050">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6b092e7dc8bf480c66164297135e57fb','c')"
+      onclick="switchTab('4c3d88abe72f71daba309f84e2707050','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -232,13 +232,13 @@
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block with Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="46ca898f46f28db0e4b4df17be704523">
+<div class="tab-panel" data-tab-group="08b232712b8113a1316455a6fcb693f3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('46ca898f46f28db0e4b4df17be704523','Code')"
+      onclick="switchTab('08b232712b8113a1316455a6fcb693f3','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -258,13 +258,13 @@
 </div>
 <h3 id="mixed-markdown-content">Mixed Markdown Content</h3>
 
-<div class="tab-panel" data-tab-group="a435d0a73f0418314d3ffa9a1bad9713">
+<div class="tab-panel" data-tab-group="fa2ee6f6f26c9d1b455a4805708587fa">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a435d0a73f0418314d3ffa9a1bad9713','Mixed')"
+      onclick="switchTab('fa2ee6f6f26c9d1b455a4805708587fa','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -312,13 +312,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2048fb7e012b51e2f7f8e3fba4794a53">
+<div class="tab-panel" data-tab-group="b775c7c4ec957105b3fe0a77b2b018e0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just colored style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','just colored style')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -328,7 +328,7 @@
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','just color')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -338,7 +338,7 @@
     <button
       data-tab-item="default style and color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','default style and color')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','default style and color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -348,7 +348,7 @@
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','just severity stylefa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -358,7 +358,7 @@
     <button
       data-tab-item="severity style and colorfa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','severity style and colorfa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style and color</div>
@@ -500,12 +500,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -590,8 +590,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -633,12 +635,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.print.html b/shortcodes/tab/index.print.html
index bade4f394c..cfbb945eba 100644
--- a/shortcodes/tab/index.print.html
+++ b/shortcodes/tab/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tab/index.html" rel="canonical" type="text/html" title="Tab :: Hugo Relearn Theme">
     <link href="../../shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -80,13 +80,13 @@
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="6b092e7dc8bf480c66164297135e57fb">
+<div class="tab-panel" data-tab-group="4c3d88abe72f71daba309f84e2707050">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6b092e7dc8bf480c66164297135e57fb','c')"
+      onclick="switchTab('4c3d88abe72f71daba309f84e2707050','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -196,13 +196,13 @@
 <h2 id="examples">Examples</h2>
 <h3 id="single-code-block-with-collapsed-margins">Single Code Block with Collapsed Margins</h3>
 
-<div class="tab-panel" data-tab-group="46ca898f46f28db0e4b4df17be704523">
+<div class="tab-panel" data-tab-group="08b232712b8113a1316455a6fcb693f3">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Code"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('46ca898f46f28db0e4b4df17be704523','Code')"
+      onclick="switchTab('08b232712b8113a1316455a6fcb693f3','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -222,13 +222,13 @@
 </div>
 <h3 id="mixed-markdown-content">Mixed Markdown Content</h3>
 
-<div class="tab-panel" data-tab-group="a435d0a73f0418314d3ffa9a1bad9713">
+<div class="tab-panel" data-tab-group="fa2ee6f6f26c9d1b455a4805708587fa">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a435d0a73f0418314d3ffa9a1bad9713','Mixed')"
+      onclick="switchTab('fa2ee6f6f26c9d1b455a4805708587fa','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -276,13 +276,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2048fb7e012b51e2f7f8e3fba4794a53">
+<div class="tab-panel" data-tab-group="b775c7c4ec957105b3fe0a77b2b018e0">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="just colored style"
       class="tab-nav-button tab-panel-style cstyle blue active"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','just colored style')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -292,7 +292,7 @@
     <button
       data-tab-item="just color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','just color')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -302,7 +302,7 @@
     <button
       data-tab-item="default style and color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','default style and color')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','default style and color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -312,7 +312,7 @@
     <button
       data-tab-item="just severity stylefa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','just severity stylefa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@@ -322,7 +322,7 @@
     <button
       data-tab-item="severity style and colorfa-fw fas fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('2048fb7e012b51e2f7f8e3fba4794a53','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('b775c7c4ec957105b3fe0a77b2b018e0','severity style and colorfa-fw fas fa-info-circle')"
     >
       <div>
         <div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style and color</div>
@@ -387,8 +387,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index 94dd8b3981..6f84b87468 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Hugo Relearn Theme">
     <link href="../../shortcodes/tabs/index.print.html" rel="alternate" type="text/html" title="Tabs :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -115,13 +115,13 @@
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="6b6d2dd31591d261f52f5bfc3711d41b">
+<div class="tab-panel" data-tab-group="9c3ec4684f4d04d576df367e0fd59daf">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6b6d2dd31591d261f52f5bfc3711d41b','py')"
+      onclick="switchTab('9c3ec4684f4d04d576df367e0fd59daf','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -131,7 +131,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6b6d2dd31591d261f52f5bfc3711d41b','sh')"
+      onclick="switchTab('9c3ec4684f4d04d576df367e0fd59daf','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -141,7 +141,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6b6d2dd31591d261f52f5bfc3711d41b','c')"
+      onclick="switchTab('9c3ec4684f4d04d576df367e0fd59daf','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -298,13 +298,13 @@
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="da0c8f4bbc851ecdcb516b7a586f161f">
+<div class="tab-panel" data-tab-group="f967585ab3f90911dc83c797a4e22296">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Group A, Tab View 1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('da0c8f4bbc851ecdcb516b7a586f161f','Group A, Tab View 1')"
+      onclick="switchTab('f967585ab3f90911dc83c797a4e22296','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -314,7 +314,7 @@
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('da0c8f4bbc851ecdcb516b7a586f161f','Group A, Tab View 2')"
+      onclick="switchTab('f967585ab3f90911dc83c797a4e22296','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -324,7 +324,7 @@
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('da0c8f4bbc851ecdcb516b7a586f161f','Group B')"
+      onclick="switchTab('f967585ab3f90911dc83c797a4e22296','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -799,12 +799,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840798" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840798" defer></script>
-        <script src="../../js/search.js?1691840798" defer></script>
+        <script src="../../js/auto-complete.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849471" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849471" defer></script>
+        <script src="../../js/search.js?1691849471" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -889,8 +889,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -932,12 +934,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840798"></script>
+          <script async src="../../js/buttons.js?1691849471"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840798" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840798" defer></script>
-    <script src="../../js/theme.js?1691840798" defer></script>
+    <script src="../../js/clipboard.min.js?1691849471" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849471" defer></script>
+    <script src="../../js/theme.js?1691849471" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index d3796346f0..c06d3eccad 100644
--- a/shortcodes/tabs/index.print.html
+++ b/shortcodes/tabs/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/index.html" rel="canonical" type="text/html" title="Tabs :: Hugo Relearn Theme">
     <link href="../../shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../../js/url.js?1691840799"></script>
-    <script src="../../js/variant.js?1691840799"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../../js/url.js?1691849472"></script>
+    <script src="../../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -80,13 +80,13 @@
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="6b6d2dd31591d261f52f5bfc3711d41b">
+<div class="tab-panel" data-tab-group="9c3ec4684f4d04d576df367e0fd59daf">
   <div class="tab-nav">
     <div class="tab-nav-title">hello.</div>
     <button
       data-tab-item="py"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6b6d2dd31591d261f52f5bfc3711d41b','py')"
+      onclick="switchTab('9c3ec4684f4d04d576df367e0fd59daf','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -96,7 +96,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6b6d2dd31591d261f52f5bfc3711d41b','sh')"
+      onclick="switchTab('9c3ec4684f4d04d576df367e0fd59daf','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -106,7 +106,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('6b6d2dd31591d261f52f5bfc3711d41b','c')"
+      onclick="switchTab('9c3ec4684f4d04d576df367e0fd59daf','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -263,13 +263,13 @@
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="da0c8f4bbc851ecdcb516b7a586f161f">
+<div class="tab-panel" data-tab-group="f967585ab3f90911dc83c797a4e22296">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="Group A, Tab View 1"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('da0c8f4bbc851ecdcb516b7a586f161f','Group A, Tab View 1')"
+      onclick="switchTab('f967585ab3f90911dc83c797a4e22296','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -279,7 +279,7 @@
     <button
       data-tab-item="Group A, Tab View 2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('da0c8f4bbc851ecdcb516b7a586f161f','Group A, Tab View 2')"
+      onclick="switchTab('f967585ab3f90911dc83c797a4e22296','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -289,7 +289,7 @@
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('da0c8f4bbc851ecdcb516b7a586f161f','Group B')"
+      onclick="switchTab('f967585ab3f90911dc83c797a4e22296','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -687,8 +687,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/showcase/index.html b/showcase/index.html
index 9a42e76a08..27dd4ee6c9 100644
--- a/showcase/index.html
+++ b/showcase/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
     <link href="../showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../js/url.js?1691840798"></script>
-    <script src="../js/variant.js?1691840798"></script>
+    <link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../js/url.js?1691849471"></script>
+    <script src="../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -42,7 +42,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -105,28 +105,28 @@
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-6ca30d29a055fa9f689a7b9d2906d7ff" class="lightbox-link">
+<a href="#image-91f89f9302032dfc5ef7666d492d064c" class="lightbox-link">
 <img src="../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6ca30d29a055fa9f689a7b9d2906d7ff">
+<a href="javascript:history.back();" class="lightbox" id="image-91f89f9302032dfc5ef7666d492d064c">
 <img src="../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
 <p>
 		
-<a href="#image-a3ffd7610201137e54df7a35fec1cc57" class="lightbox-link">
+<a href="#image-fb6507ef2693b8548bd1913e694cd570" class="lightbox-link">
 <img src="../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a3ffd7610201137e54df7a35fec1cc57">
+<a href="javascript:history.back();" class="lightbox" id="image-fb6507ef2693b8548bd1913e694cd570">
 <img src="../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
 <p>
 		
-<a href="#image-2a091e555b0acb5c749cb1387b40ec65" class="lightbox-link">
+<a href="#image-1b1396c7136a9d2454a808b8d9b1934f" class="lightbox-link">
 <img src="../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2a091e555b0acb5c749cb1387b40ec65">
+<a href="javascript:history.back();" class="lightbox" id="image-1b1396c7136a9d2454a808b8d9b1934f">
 <img src="../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -215,12 +215,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../js/search.js?1691840799" defer></script>
+        <script src="../js/auto-complete.js?1691849472" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -305,8 +305,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -348,12 +350,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1691840799"></script>
+          <script async src="../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../js/theme.js?1691840799" defer></script>
+    <script src="../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/showcase/index.print.html b/showcase/index.print.html
index 2e19f686ec..b7afa6ae03 100644
--- a/showcase/index.print.html
+++ b/showcase/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Hugo Relearn Theme">
     <link href="../showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840799" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840799" rel="stylesheet">
-    <link href="../css/fonts.css?1691840799" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840799" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840799" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840799" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840799" rel="stylesheet">
-    <link href="../css/print.css?1691840799" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1691840799" rel="stylesheet">
-    <link href="../css/ie.css?1691840799" rel="stylesheet">
-    <script src="../js/url.js?1691840799"></script>
-    <script src="../js/variant.js?1691840799"></script>
+    <link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849472" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849472" rel="stylesheet">
+    <link href="../css/fonts.css?1691849472" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849472" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849472" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849472" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849472" rel="stylesheet">
+    <link href="../css/print.css?1691849472" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1691849472" rel="stylesheet">
+    <link href="../css/ie.css?1691849472" rel="stylesheet">
+    <script src="../js/url.js?1691849472"></script>
+    <script src="../js/variant.js?1691849472"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +43,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -78,28 +78,28 @@
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-6ca30d29a055fa9f689a7b9d2906d7ff" class="lightbox-link">
+<a href="#image-91f89f9302032dfc5ef7666d492d064c" class="lightbox-link">
 <img src="../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6ca30d29a055fa9f689a7b9d2906d7ff">
+<a href="javascript:history.back();" class="lightbox" id="image-91f89f9302032dfc5ef7666d492d064c">
 <img src="../showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
 <p>
 		
-<a href="#image-a3ffd7610201137e54df7a35fec1cc57" class="lightbox-link">
+<a href="#image-fb6507ef2693b8548bd1913e694cd570" class="lightbox-link">
 <img src="../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a3ffd7610201137e54df7a35fec1cc57">
+<a href="javascript:history.back();" class="lightbox" id="image-fb6507ef2693b8548bd1913e694cd570">
 <img src="../showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
 <p>
 		
-<a href="#image-2a091e555b0acb5c749cb1387b40ec65" class="lightbox-link">
+<a href="#image-1b1396c7136a9d2454a808b8d9b1934f" class="lightbox-link">
 <img src="../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2a091e555b0acb5c749cb1387b40ec65">
+<a href="javascript:history.back();" class="lightbox" id="image-1b1396c7136a9d2454a808b8d9b1934f">
 <img src="../showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -111,8 +111,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../js/theme.js?1691840799" defer></script>
+    <script src="../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index a86a60833f..c049f93560 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/children/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -270,8 +270,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -313,12 +315,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/tags/config/index.html b/tags/config/index.html
index cd807c564c..22d69f96f1 100644
--- a/tags/config/index.html
+++ b/tags/config/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/config/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,8 +256,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -299,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/tags/content/index.html b/tags/content/index.html
index eec8099a63..dc1dfe17e7 100644
--- a/tags/content/index.html
+++ b/tags/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/content/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -256,8 +256,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -299,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 51ca25cdfa..f4cd7bd2d0 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>documentation :: Tag :: Hugo Relearn Theme</title>
     <link href="../../tags/documentation/index.xml" rel="alternate" type="application/rss+xml" title="documentation :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -38,7 +38,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -252,8 +252,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -295,12 +297,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index 45cf09e474..107aa20f29 100644
--- a/tags/hidden/index.html
+++ b/tags/hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/hidden/index.xml" rel="alternate" type="application/rss+xml" title="hidden :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -170,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -260,8 +260,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -303,12 +305,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 73e89db580..1b3cd956fc 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/index.html" rel="alternate" hreflang="pir">
     <link href="../tags/index.xml" rel="alternate" type="application/rss+xml" title="Tags :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../js/url.js?1691840798"></script>
-    <script src="../js/variant.js?1691840798"></script>
+    <link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../js/url.js?1691849471"></script>
+    <script src="../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -198,12 +198,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../js/search.js?1691840799" defer></script>
+        <script src="../js/auto-complete.js?1691849472" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -288,8 +288,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -331,12 +333,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1691840799"></script>
+          <script async src="../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../js/theme.js?1691840799" defer></script>
+    <script src="../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 412f79cb01..4996e27785 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/non-hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/non-hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="non-hidden :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -41,7 +41,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -264,8 +264,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -307,12 +309,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index 8a881e47e7..1f9e443806 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>tutorial :: Tag :: Hugo Relearn Theme</title>
     <link href="../../tags/tutorial/index.xml" rel="alternate" type="application/rss+xml" title="tutorial :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1691840798" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691849471" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691840798" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691840798" rel="stylesheet">
-    <link href="../../css/fonts.css?1691840798" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691840798" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691840798" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691840798" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691840798" rel="stylesheet">
-    <link href="../../css/print.css?1691840798" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691840798" rel="stylesheet">
-    <script src="../../js/url.js?1691840798"></script>
-    <script src="../../js/variant.js?1691840798"></script>
+    <link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691849471" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691849471" rel="stylesheet">
+    <link href="../../css/fonts.css?1691849471" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691849471" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691849471" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691849471" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691849471" rel="stylesheet">
+    <link href="../../css/print.css?1691849471" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691849471" rel="stylesheet">
+    <script src="../../js/url.js?1691849471"></script>
+    <script src="../../js/variant.js?1691849471"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -38,7 +38,7 @@
       window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
       // some further base stuff
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
-      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
+      window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
     </script>
     <style>
       #body img.bg-white {
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691840799" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691840799" defer></script>
-        <script src="../../js/search.js?1691840799" defer></script>
+        <script src="../../js/auto-complete.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691849472" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691849472" defer></script>
+        <script src="../../js/search.js?1691849472" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -252,8 +252,10 @@
                     <option id="relearn-bright" value="relearn-bright">Relearn Bright</option>
                     <option id="relearn-light" value="relearn-light">Relearn Light</option>
                     <option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
-                    <option id="learn" value="learn">Learn</option>
+                    <option id="zen-light" value="zen-light">Zen Light</option>
+                    <option id="zen-dark" value="zen-dark">Zen Dark</option>
                     <option id="neon" value="neon">Neon</option>
+                    <option id="learn" value="learn">Learn</option>
                     <option id="blue" value="blue">Blue</option>
                     <option id="green" value="green">Green</option>
                     <option id="red" value="red">Red</option>
@@ -295,12 +297,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1691840799"></script>
+          <script async src="../../js/buttons.js?1691849472"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691840799" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691840799" defer></script>
-    <script src="../../js/theme.js?1691840799" defer></script>
+    <script src="../../js/clipboard.min.js?1691849472" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691849472" defer></script>
+    <script src="../../js/theme.js?1691849472" defer></script>
   </body>
 </html>